<div id="doar-pagseguro" data-receiveremail="[email protected]" data-title="Ajude as crianças do Brasil" data-logo="https://i.imgur.com/sW37u1h.png"></div>
<script src="https://cdn.jsdelivr.net/gh/r-martins/[email protected]/dist/js/chunk-vendors.js"></script>
<script src="https://cdn.jsdelivr.net/gh/r-martins/[email protected]/dist/js/app.js"></script>
<link href="https://cdn.jsdelivr.net/gh/r-martins/[email protected]/dist/css/app.css" rel="stylesheet">
#doar-pagseguro .mainForm {
background-color: #3a3333;
color: #e8e8e8;
}
#doar-pagseguro .logo img {
filter: grayscale(80%) brightness(72%) invert(103%);
}
#doar-pagseguro .amounts .option {
color: #000;
}
#doar-pagseguro .frequency button {
color: #000;
}
#doar-pagseguro .active{
background-color: #b1afaf;
color: #000;
font-weight: bold;
}
#doar-pagseguro a {
color: #fff;
font-weight: bold;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.