#dg-contact {
--dgc-green: #25D366;
--dgc-green-dark: #128C4B;
--dgc-ink: #1D2A14;
--dgc-line: #DCEFD0;
--dgc-gap: 88px;
}
#dg-contact .dg-contact__fab {
position: fixed;
right: 24px;
bottom: var(--dgc-gap);
z-index: 9994;
display: inline-flex;
align-items: center;
justify-content: center;
width: 52px;
height: 52px;
margin: 0;
padding: 0;
border: 0;
min-width: 0;
border-radius: 50%;
background: var(--dgc-green);
color: #fff;
font-size: 0;
line-height: 0;
text-transform: none;
box-shadow: 0 6px 20px rgba(29, 42, 20, .22);
cursor: pointer;
transition: background-color .15s ease, box-shadow .15s ease, transform .15s ease;
}
#dg-contact .dg-contact__fab:hover,
#dg-contact .dg-contact__fab:focus {
background: var(--dgc-green-dark);
color: #fff;
box-shadow: 0 8px 24px rgba(29, 42, 20, .28);
}
#dg-contact .dg-contact__fab:focus-visible {
outline: 3px solid var(--dgc-ink);
outline-offset: 3px;
}
#dg-contact .dg-contact__fab[aria-expanded="true"] {
transform: scale(.94);
}
#dg-contact .dg-contact__icon {
display: block;
flex: none;
}
#dg-contact .dg-contact__panel {
position: fixed;
right: 24px;
bottom: calc(var(--dgc-gap) + 64px);
z-index: 9994;
box-sizing: border-box;
width: 300px;
max-width: calc(100vw - 32px);
padding: 18px 16px 14px;
border: 1px solid var(--dgc-line);
border-radius: 16px;
background: #fff;
color: var(--dgc-ink);
box-shadow: 0 14px 40px rgba(29, 42, 20, .2);
font-size: 15px;
line-height: 1.4;
text-align: left;
}
#dg-contact .dg-contact__panel[hidden] {
display: none;
}
#dg-contact .dg-contact__close {
position: absolute;
top: 6px;
right: 6px;
width: 32px;
height: 32px;
margin: 0;
padding: 0;
border: 0;
border-radius: 50%;
background: transparent;
color: var(--dgc-ink);
font-size: 22px;
line-height: 32px;
cursor: pointer;
}
#dg-contact .dg-contact__close:hover,
#dg-contact .dg-contact__close:focus {
background: #F1F8EC;
color: var(--dgc-ink);
}
#dg-contact .dg-contact__title {
margin: 0 34px 4px 0;
font-size: 16px;
font-weight: 700;
color: var(--dgc-ink);
}
#dg-contact .dg-contact__text {
margin: 0 0 12px;
font-size: 14px;
color: #4A5A40;
}
#dg-contact .dg-contact__opt {
display: flex;
align-items: center;
gap: 12px;
margin-top: 8px;
padding: 10px 12px;
border: 1px solid var(--dgc-line);
border-radius: 12px;
color: var(--dgc-ink);
text-decoration: none;
transition: background-color .15s ease, border-color .15s ease;
}
#dg-contact .dg-contact__opt:hover,
#dg-contact .dg-contact__opt:focus {
border-color: #A9DC87;
background: #F4FAEF;
color: var(--dgc-ink);
text-decoration: none;
}
#dg-contact .dg-contact__badge {
display: inline-flex;
flex: none;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
border-radius: 50%;
color: #fff;
}
#dg-contact .dg-contact__opt--wa .dg-contact__badge {
background: var(--dgc-green);
}
#dg-contact .dg-contact__opt--tel .dg-contact__badge {
background: #3F6B17;
}
#dg-contact .dg-contact__badge .dg-contact__icon {
width: 22px;
height: 22px;
}
#dg-contact .dg-contact__label {
display: flex;
flex-direction: column;
min-width: 0;
}
#dg-contact .dg-contact__label strong {
font-size: 15px;
font-weight: 700;
}
#dg-contact .dg-contact__label small {
font-size: 13px;
color: #5B6B50;
} body:not(:has(.drg-ss-fab)) #dg-contact {
--dgc-gap: 24px;
} html.drg-ss-locked #dg-contact {
display: none;
}
@media (max-width: 767px) {
#dg-contact {
--dgc-gap: 84px;
}
#dg-contact .dg-contact__fab {
right: 18px;
}
#dg-contact .dg-contact__panel {
right: 16px;
}
body:not(:has(.drg-ss-fab)) #dg-contact {
--dgc-gap: 16px;
} body:has(#dg-sticky-atc.is-visible) #dg-contact {
--dgc-gap: 153px;
}
body:has(#dg-sticky-atc.is-visible):not(:has(.drg-ss-fab)) #dg-contact {
--dgc-gap: 85px;
}
}
@media (prefers-reduced-motion: reduce) {
#dg-contact .dg-contact__fab,
#dg-contact .dg-contact__opt {
transition: none;
}
}
@media print {
#dg-contact {
display: none !important;
}
}