/* Arounda navbar CTA interaction, used with permission.
 * Keep JVDS's existing 48px shell, padding, type metrics and 38px icon circle.
 * data-jvds-contact-gsap="1" opts this button out of the legacy scale tween.
 */
#jvds-header-contact {
    background: transparent;
    color: #fff !important;
    /* Move the old 1px outline into padding, preserving the outer dimensions. */
    border: 0;
    padding-left: 21px;
    padding-right: 59px;
    box-shadow: inset 0 0 0 1px #fff;
    transform: none;
    transition: .25s;
}
#jvds-header-contact .g-contact-btn-text {
    color: #fff !important;
    transition: color .2s cubic-bezier(.23, 1, .32, 1);
}
/* Match the light-header outline without changing the button's dimensions. */
.bd1 .header #jvds-header-contact:not(:hover):not(:focus-visible),
.header.fixed #jvds-header-contact:not(:hover):not(:focus-visible),
.header.hd-bg #jvds-header-contact:not(:hover):not(:focus-visible) {
    box-shadow: inset 0 0 0 1px rgba(148, 155, 164, .55);
}
.bd1 .header #jvds-header-contact:not(:hover):not(:focus-visible) .g-contact-btn-text,
.header.fixed #jvds-header-contact:not(:hover):not(:focus-visible) .g-contact-btn-text,
.header.hd-bg #jvds-header-contact:not(:hover):not(:focus-visible) .g-contact-btn-text {
    color: #141515 !important;
}
#jvds-header-contact:is(:hover, :focus-visible) {
    box-shadow: none;
}
#jvds-header-contact:is(:hover, :focus-visible) .g-contact-btn-text {
    color: #000 !important;
}
#jvds-header-contact .g-contact-btn-fill {
    top: 5px;
    right: 5px;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: #000;
    transform: none;
    will-change: auto;
    transition: all .4s cubic-bezier(.72, -.22, .13, 1.18);
}
#jvds-header-contact .g-contact-btn-icon {
    background: transparent;
    color: #fff;
    transform: none;
    transition: transform .45s cubic-bezier(.23, 1, .32, 1), color .35s cubic-bezier(.23, 1, .32, 1);
}
#jvds-header-contact .g-contact-btn-icon svg {
    width: 14px;
    height: 14px;
    transform: none;
    transition: none;
}
#jvds-header-contact:is(:hover, :focus-visible) .g-contact-btn-fill {
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    border-radius: 50px;
    background: #e0f94c;
    transition: all .4s cubic-bezier(.23, 1, .32, 1);
}
#jvds-header-contact:is(:hover, :focus-visible) .g-contact-btn-icon {
    transform: rotate(-45deg);
    color: #000;
}
#jvds-header-contact:focus-visible {
    outline: 2px solid #141515;
    outline-offset: 3px;
}
@media screen and (min-width: 801px) and (max-width: 1280px) {
    #jvds-header-contact {
        padding-left: 19px;
        padding-right: 57px;
    }
    #jvds-header-contact:not(:hover):not(:focus-visible) .g-contact-btn-fill {
        width: 36px;
        height: 36px;
    }
}
@media (prefers-reduced-motion: reduce) {
    #jvds-header-contact,
    #jvds-header-contact .g-contact-btn-text,
    #jvds-header-contact .g-contact-btn-fill,
    #jvds-header-contact .g-contact-btn-icon,
    #jvds-header-contact:is(:hover, :focus-visible) .g-contact-btn-fill,
    #jvds-header-contact:is(:hover, :focus-visible) .g-contact-btn-icon {
        transition: none;
    }
}