/* rr-cta-soft v1: toned-down raised finish for Call / Text buttons (.rr-cta--soft). Weaker than .rr-cta on purpose:
   1px ledge instead of 3px, one soft drop, half-strength highlight, no fill gradient. Revert: delete the rr-cta-soft.css link (or this file). */
.rr-cta--soft{--rr-soft-ledge:color-mix(in srgb,hsl(var(--accent)) 40%,#000);--rr-soft-drop:0 4px 10px rgb(0 0 0 / .16);--rr-soft-drop-hi:0 6px 14px rgb(0 0 0 / .2);border-radius:6px;box-shadow:inset 0 1px 0 rgb(255 255 255 / .08),0 1px 0 var(--rr-soft-ledge),var(--rr-soft-drop);transition:transform .18s ease,box-shadow .18s ease,background-color .2s ease,color .2s ease,border-color .2s ease;transform:translateY(0)}
html[data-theme=light] .rr-cta--soft{--rr-soft-drop:0 4px 10px rgb(15 23 42 / .08);--rr-soft-drop-hi:0 6px 14px rgb(15 23 42 / .11)}
.rr-cta--soft:hover{transform:translateY(0)}
@media (hover:hover){.rr-cta--soft:hover{transform:translateY(-1px);box-shadow:inset 0 1px 0 rgb(255 255 255 / .12),0 1px 0 var(--rr-soft-ledge),var(--rr-soft-drop-hi)}}
.rr-cta--soft:active{transform:translateY(1px);box-shadow:inset 0 1px 2px rgb(0 0 0 / .14),0 0 0 var(--rr-soft-ledge),0 2px 5px rgb(0 0 0 / .12)}
.rr-cta--soft:focus-visible{outline:2px solid hsl(var(--foreground));outline-offset:3px}
@media (prefers-reduced-motion:reduce){.rr-cta--soft,.rr-cta--soft:hover,.rr-cta--soft:active{transition:none!important;transform:none!important}}

/* Floating Call/Text buttons also turn black over red sections. */
:is(.rrh-dock,.rr-dock-site).is-on-red .rrh__beat-link.rr-cta--soft{--rr-soft-ledge:#050505}