/* Desktop reading accent; the existing mobile menu and focus outline are preserved. */
@media (min-width: 1200px) {
  .header .header-contacts-btn.cta-scroll-active {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    background: #fff;
    color: #000;
    border-color: var(--cta-border, #292524);
    box-shadow: var(--cta-shadow, none);
  }
  .header .header-contacts-btn.cta-scroll-active > span:not(.cta-fill-layer):not(.cta-white-label) {
    position: relative;
    z-index: 1;
  }
  .header .header-contacts-btn.cta-scroll-active:hover { background: #fff; color: #000; }
  .header-contacts-btn.cta-scroll-active > .cta-fill-layer {
    display: block;
    position: absolute;
    inset: 0;
    z-index: 0;
    background: var(--cta-background, #505d3c);
    transform: scaleX(var(--cta-fill, 0));
    transform-origin: left center;
    pointer-events: none;
  }
  .header-contacts-btn.cta-scroll-active > .cta-white-label {
    display: flex;
    position: absolute;
    inset: 0;
    z-index: 2;
    align-items: center;
    justify-content: center;
    color: #fff;
    clip-path: inset(0 var(--cta-empty, 100%) 0 0);
    pointer-events: none;
  }
}
.header-contacts-btn > .cta-fill-layer,
.header-contacts-btn > .cta-white-label { display: none; }
