/* Magic UI Pulsating Button pulse variant, adapted to existing semantic links.
 * https://magicui.design/docs/components/pulsating-button
 * Original animation: 1.5s ease-out, 0/100% spread 0, 50% spread 8px. */
.magic-pulse{position:relative;isolation:isolate;overflow:visible!important;--pulse-duration:1.5s;--pulse-distance:8px;--pulse-color:rgba(182,83,58,.34)}
.magic-pulse::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;animation:product-button-pulse var(--pulse-duration) ease-out infinite}
@keyframes product-button-pulse{0%,100%{box-shadow:0 0 0 0 var(--pulse-color)}50%{box-shadow:0 0 0 var(--pulse-distance) var(--pulse-color)}}
.magic-pulse[aria-disabled="true"]::before,.magic-pulse:disabled::before,.magic-pulse[hidden]::before{animation:none;box-shadow:none}
@media(prefers-reduced-motion:reduce){.magic-pulse::before{animation:none!important;box-shadow:none!important}}
@media print{.magic-pulse::before{display:none}}
