.btn-gradient{--btn-bg-1:#61a6fa;--btn-bg-2:#3c83f6;--btn-fg:#fff;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.875rem 1.75rem;font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em;cursor:pointer;border:none;border-radius:var(--btn-radius);color:var(--btn-fg);background-size:280% auto;background-image:linear-gradient(325deg,var(--btn-bg-2) 0,var(--btn-bg-1) 55%,var(--btn-bg-2) 90%);transition:background-position .8s ease,box-shadow .4s ease;box-shadow:0 0 20px rgba(59,130,246,.45),0 5px 5px -1px rgba(37,99,235,.25),inset 4px 4px 8px rgba(147,197,253,.45),inset -4px -4px 8px rgba(29,78,216,.35)}.btn-gradient:hover{background-position:100% 0}.btn-gradient:is(:focus-visible,:active){outline:none;box-shadow:0 0 0 3px var(--btn-fg),0 0 0 6px var(--btn-bg-2)}@media (prefers-reduced-motion:reduce){.btn-gradient{transition:none}}