.wdpDynamicValue p{
margin-bottom: 10px;
}
.wdpDynamicValue{
margin: 0px 0 20px 0;
width: 100%;
display: none;
}
.wdpHiddenPrice{
display: none;
} .wdpLoader{
display: inline-block;
}
.wdpLoader span {
animation: dot-keyframes 1.5s infinite ease-in-out;
background-color: #000;
border-radius: 10px;
display: inline-block;
height: 3px;
width: 3px;
margin: 2px  2px 0 2px;
}
.wdpLoader span:nth-child(2) {
animation-delay: .5s;
}
.wdpLoader span:nth-child(3) {
animation-delay: 1s;
}
.wdp_save_text{
margin-bottom: 25px;
}
@keyframes dot-keyframes {
0% {
opacity: .4;
transform: scale(1, 1);
}
50% {
opacity: 1;
transform: scale(1.2, 1.2);
}
100% {
opacity: .4;
transform: scale(1, 1);
}
}.wgcb-fields {
background: #faf8f6;
border: 1px solid #e6dfd8;
margin: 0 0 24px;
padding: 18px;
}
.wgcb-field {
margin-bottom: 20px;
}
.wgcb-field > label {
color: #2b2825;
display: block;
font-size: 13px;
font-weight: 700;
letter-spacing: 0;
margin-bottom: 12px;
text-transform: uppercase;
}
.wgcb-presets {
display: grid;
gap: 8px;
grid-template-columns: repeat(4, minmax(0, 1fr));
margin-bottom: 16px;
max-width: 520px;
}
.wgcb-preset input {
position: absolute;
opacity: 0;
pointer-events: none;
}
.wgcb-preset > span {
background: #fff;
border: 1px solid #d7d0c8;
color: #252525;
cursor: pointer;
display: inline-flex;
font-size: 15px;
font-weight: 700;
justify-content: center;
min-height: 52px;
align-items: center;
padding: 0 14px;
position: relative;
transition: color .18s ease;
width: 100%;
}
.wgcb-preset > span:hover {
background: #fff;
border-color: #d7d0c8;
}
.wgcb-preset input:checked + span {
background: #fff;
border-color: #d7d0c8;
color: #202020;
}
.wgcb-preset > span .woocommerce-Price-amount,
.wgcb-preset > span .woocommerce-Price-currencySymbol {
background: transparent;
border: 0;
color: inherit;
cursor: inherit;
display: inline;
font: inherit;
min-height: 0;
padding: 0;
position: static;
width: auto;
}
.wgcb-preset input:checked + span::after {
background: #202020;
bottom: 0;
content: "";
height: 3px;
left: 16px;
position: absolute;
right: 16px;
}
.wgcb-custom-label {
color: #4b4743;
display: block;
font-size: 13px;
font-weight: 700;
letter-spacing: 0;
margin: 0 0 8px;
text-transform: uppercase;
}
.wgcb-custom-amount {
background: #fff;
border: 1px solid #cfc7bf;
color: #202020;
font-size: 20px;
font-weight: 600;
min-height: 60px;
max-width: 520px;
padding: 0 18px;
width: 100%;
}
.wgcb-custom-amount::placeholder {
color: #a7a09a;
opacity: 1;
}
.wgcb-custom-amount:focus {
border-color: #202020;
box-shadow: 0 0 0 3px rgba(32, 32, 32, .1);
outline: none;
}
@media (max-width: 640px) {
.wgcb-presets {
grid-template-columns: repeat(2, minmax(0, 1fr));
max-width: none;
}
.wgcb-custom-amount {
max-width: none;
}
}
.wgcb-recipient-fields {
margin-top: 10px;
}