.wl-test-design-cta {
  position: absolute;
  z-index: 10015;
  top: clamp(104px, 7vw, 132px);
  right: clamp(24px, 5vw, 96px);
  display: flex;
  width: min(600px, 42vw);
  min-height: 82px;
  padding: 18px 28px;
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255, 255, 255, .18);
  border-radius: 18px;
  color: #fff !important;
  background: linear-gradient(135deg, #ff3048 0%, #d70724 54%, #a90018 100%);
  box-shadow: 0 16px 38px rgba(190, 0, 28, .3), inset 0 1px rgba(255, 255, 255, .28);
  font: 900 clamp(17px, 1.12vw, 21px)/1.2 Arial, sans-serif;
  text-align: center;
  text-decoration: none !important;
  transition: transform .24s cubic-bezier(.16, 1, .3, 1), filter .24s ease, box-shadow .24s ease;
}

.wl-test-design-cta:hover {
  filter: brightness(1.08) saturate(1.06);
  box-shadow: 0 20px 48px rgba(190, 0, 28, .42), inset 0 1px rgba(255, 255, 255, .32);
  transform: translateY(-3px);
}

.wl-test-design-cta:active { transform: translateY(0) scale(.985); }

.wl-test-design-cta:focus-visible {
  outline: 3px solid #fff;
  outline-offset: 4px;
}

@media (max-width: 1199px) {
  .wl-test-design-cta {
    position: fixed;
    top: auto;
    right: max(12px, env(safe-area-inset-right));
    bottom: max(14px, env(safe-area-inset-bottom));
    left: max(12px, env(safe-area-inset-left));
    width: auto;
    min-height: 82px;
    padding: 17px 22px;
    border-radius: 18px;
    font-size: 16px;
    box-shadow: 0 18px 44px rgba(91, 0, 13, .52), inset 0 1px rgba(255, 255, 255, .3);
  }
}

@media (prefers-reduced-motion: reduce) {
  .wl-test-design-cta { transition: none; }
}