/* Shared Arounda interaction. Component styles still own size and spacing.
   The opt-in attribute also disables the former GSAP scale tween. */
.g-contact-btn.g-contact-btn[data-jvds-motion="arounda"] {
  --cta-text: #141515;
  --cta-outline: rgba(148,155,164,.55);
  background: transparent !important;
  color: var(--cta-text) !important;
  border-color: transparent !important;
  box-shadow: inset 0 0 0 1px var(--cta-outline) !important;
  animation: none !important;
}
.row-a1 .g-contact-btn.g-contact-btn[data-jvds-motion="arounda"] {
  --cta-text: var(--jvds-home-section-text, #fff);
  --cta-outline: var(--jvds-home-section-text, #fff);
}
.g-contact-btn.g-contact-btn[data-jvds-motion="arounda"][data-jvds-tone="dark"] {
  --cta-text: #fff;
  --cta-outline: #fff;
}
.g-contact-btn.g-contact-btn[data-jvds-motion="arounda"]::after { box-shadow: none !important; }
.g-contact-btn.g-contact-btn[data-jvds-motion="arounda"] .g-contact-btn-text {
  color: var(--cta-text) !important;
  transition: color .2s cubic-bezier(.23,1,.32,1) !important;
}
.g-contact-btn.g-contact-btn[data-jvds-motion="arounda"] .g-contact-btn-fill {
  background: #000 !important;
  border-radius: 50%;
  transform: none !important;
  will-change: auto;
  transition: all .4s cubic-bezier(.72,-.22,.13,1.18) !important;
}
.g-contact-btn.g-contact-btn[data-jvds-motion="arounda"] .g-contact-btn-icon {
  background: transparent !important;
  color: #fff !important;
  transform: none;
  transition: transform .45s cubic-bezier(.23,1,.32,1), color .35s cubic-bezier(.23,1,.32,1) !important;
}
.g-contact-btn.g-contact-btn[data-jvds-motion="arounda"] .g-contact-btn-icon svg {
  width:14px;height:14px;fill:none;stroke:none;
  transition:none;
}
/* Keyboard focus receives the same state; touch does not retain a hover. */
.g-contact-btn.g-contact-btn[data-jvds-motion="arounda"]:focus-visible {outline:2px solid var(--cta-text);outline-offset:3px;}
@media (hover:hover) and (pointer:fine) {
.g-contact-btn.g-contact-btn[data-jvds-motion="arounda"]:hover {box-shadow:none !important;}
.g-contact-btn.g-contact-btn[data-jvds-motion="arounda"]:hover .g-contact-btn-fill {top:0 !important;right:0 !important;width:100% !important;height:100% !important;border-radius:50px;background:#e0f94c !important;transition:all .4s cubic-bezier(.23,1,.32,1) !important;}
.g-contact-btn.g-contact-btn[data-jvds-motion="arounda"]:hover .g-contact-btn-text {color:#000 !important;}
.g-contact-btn.g-contact-btn[data-jvds-motion="arounda"]:hover .g-contact-btn-icon {color:#000 !important;transform:rotate(-45deg);}
.g-contact-btn.g-contact-btn[data-jvds-motion="arounda"]:hover.jvds-case-nav-btn-prev .g-contact-btn-fill {left:0 !important;}
.g-contact-btn.g-contact-btn[data-jvds-motion="arounda"]:hover.jvds-case-nav-btn-prev .g-contact-btn-icon {transform:rotate(45deg);}
}
.g-contact-btn.g-contact-btn[data-jvds-motion="arounda"]:focus-visible {box-shadow:none !important;}
.g-contact-btn.g-contact-btn[data-jvds-motion="arounda"]:focus-visible .g-contact-btn-fill {top:0 !important;right:0 !important;width:100% !important;height:100% !important;border-radius:50px;background:#e0f94c !important;transition:all .4s cubic-bezier(.23,1,.32,1) !important;}
.g-contact-btn.g-contact-btn[data-jvds-motion="arounda"]:focus-visible .g-contact-btn-text {color:#000 !important;}
.g-contact-btn.g-contact-btn[data-jvds-motion="arounda"]:focus-visible .g-contact-btn-icon {color:#000 !important;transform:rotate(-45deg);}
.g-contact-btn.g-contact-btn[data-jvds-motion="arounda"]:focus-visible.jvds-case-nav-btn-prev .g-contact-btn-fill {left:0 !important;}
.g-contact-btn.g-contact-btn[data-jvds-motion="arounda"]:focus-visible.jvds-case-nav-btn-prev .g-contact-btn-icon {transform:rotate(45deg);}
@media (prefers-reduced-motion:reduce) {
  .g-contact-btn.g-contact-btn[data-jvds-motion="arounda"],
  .g-contact-btn.g-contact-btn[data-jvds-motion="arounda"]:is(:hover,:focus-visible) :is(.g-contact-btn-fill,.g-contact-btn-icon,.g-contact-btn-text),
  .g-contact-btn.g-contact-btn[data-jvds-motion="arounda"] :is(.g-contact-btn-fill,.g-contact-btn-icon,.g-contact-btn-text) {transition:none !important;}
}

/* Case navigation uses the contact submit tween. The old list-link .75s
   background transition must not animate GSAP's start/end color resets. */
.ul-list7 li a.g-contact-btn.jvds-case-nav-btn {
  transition: color .25s cubic-bezier(.23,1,.32,1), transform .25s ease-out;
  -webkit-transition: color .25s cubic-bezier(.23,1,.32,1), transform .25s ease-out;
}