/* A dark ink layer grows across the button, underneath the label and icon. */
body .button.button,body .glass-menu-cta,body .filters button{
 --button-ink:#073e50;
 --button-base:linear-gradient(110deg,#227e8d,#086475 52%,#103e4b);
 background-image:linear-gradient(var(--button-ink),var(--button-ink)),var(--button-base);
 background-size:0% 100%,100% 100%;
 background-position:left center,center;
 background-repeat:no-repeat;
 transition:background-size .55s cubic-bezier(.22,1,.36,1),color .25s,border-color .25s,transform .25s,box-shadow .25s;
}
body .glass-menu-cta,body .quiz-dialog .button.button{
 --button-base:linear-gradient(110deg,#d1edf3,#8cc3d1);
}
body .filters button{--button-base:linear-gradient(#fff,#fff)}
body .filters button.active,body .filters button[aria-pressed=true]{--button-base:linear-gradient(#102d36,#102d36)}
body .quiz-dialog .button.quiz-whatsapp{
 --button-ink:#087b46;
 --button-base:linear-gradient(110deg,#25d366,#149b51);
}
body .button.button:focus-visible,body .glass-menu-cta:focus-visible,body .filters button:focus-visible{
 background-image:linear-gradient(var(--button-ink),var(--button-ink)),var(--button-base);background-size:100% 100%,100% 100%;background-position:left center,center;background-repeat:no-repeat;color:#fff;border-color:var(--button-ink);
}
@media(hover:hover){
 body .button.button:not(:disabled):hover,body .glass-menu-cta:hover,body .filters button:hover{
  background-image:linear-gradient(var(--button-ink),var(--button-ink)),var(--button-base);background-size:100% 100%,100% 100%;background-position:left center,center;background-repeat:no-repeat;color:#fff;border-color:var(--button-ink);
 }
}
body .button.button:disabled{background-size:0% 100%,100% 100%}
@media(prefers-reduced-motion:reduce){body .button.button,body .glass-menu-cta,body .filters button{transition:none}}