.prayer-flow-cta { position: relative; isolation: isolate; padding: 0 52px; border: 1px solid #78532b; border-radius: 999px; color: #fffdf8; background: linear-gradient(115deg, #bd9359 0%, #916a3c 54%, #694624 100%); box-shadow: 0 10px 23px rgba(77, 49, 22, .24), inset 0 1px 0 rgba(255, 255, 255, .46), inset 0 -2px 0 rgba(68, 40, 17, .14); font-weight: 700; letter-spacing: .08em; text-shadow: 0 1px 2px rgba(62, 37, 17, .3); transition: transform .18s ease, filter .18s ease, box-shadow .18s ease; }
.prayer-flow-cta::before { position: absolute; inset: 2px 12px 48%; border-radius: 999px; background: linear-gradient(180deg, rgba(255, 255, 255, .19), transparent); content: ""; pointer-events: none; }
.prayer-flow-cta > span { position: relative; z-index: 1; }
.prayer-flow-cta__icon { position: absolute; z-index: 1; top: 50%; right: 14px; width: 30px; height: 30px; padding: 6px; border-radius: 50%; color: #fff; background: rgba(255, 255, 255, .18); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25); transform: translateY(-50%); }
.prayer-flow-cta:focus-visible { outline: 3px solid #715124; outline-offset: 3px; }
.prayer-flow-cta:disabled { opacity: .68; cursor: wait; filter: saturate(.65); }
@media (hover: hover) { .prayer-flow-cta:hover:not(:disabled) { filter: brightness(1.06); transform: translateY(-2px); box-shadow: 0 13px 27px rgba(77, 49, 22, .27), inset 0 1px 0 rgba(255, 255, 255, .46); } }
.prayer-flow-cta:active:not(:disabled) { transform: translateY(1px); box-shadow: 0 5px 12px rgba(77, 49, 22, .2), inset 0 1px 0 rgba(255, 255, 255, .35); }
@media (prefers-reduced-motion: reduce) { .prayer-flow-cta { transition: none; } }