/* CTA hover: the label rolls up and the same label (or a custom data-hover label) rolls in. Desktop hover only. */
.rl { display: inline-grid; overflow: hidden; vertical-align: bottom; gap: inherit; }
.rl-a, .rl-b { column-gap: inherit; }
.rl-a, .rl-b { grid-area: 1 / 1; display: inline-flex; align-items: center; gap: inherit; white-space: nowrap; transition: transform .38s cubic-bezier(.2,.8,.2,1); }
.rl-b { transform: translateY(115%); }
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  .rl-host { transition: box-shadow .3s, transform .2s, background .2s, color .2s, border-color .2s; }
  .rl-host:hover, .rl-host:focus-visible { box-shadow: 0 8px 28px -8px rgba(139,92,246,.6); }
  .rl-host:hover .rl-a, .rl-host:focus-visible .rl-a { transform: translateY(-115%); }
  .rl-host:hover .rl-b, .rl-host:focus-visible .rl-b { transform: none; }
}
@media (hover: none), (prefers-reduced-motion: reduce) { .rl-b { display: none; } }