@property --surface-color{syntax:"<color>";inherits:false;initial-value:#f1f5f9}@property --text-color{syntax:"<color>";inherits:false;initial-value:#1e293b}@property --base-start{syntax:"<color>";inherits:false;initial-value:#94a3b8}@property --base-end{syntax:"<color>";inherits:false;initial-value:#e2e8f0}.push-btn-3d{min-width:140px;height:var(--btn-height);padding:0 var(--btn-padding);background:linear-gradient(to bottom,var(--base-start),var(--base-end));border-radius:var(--btn-radius);cursor:pointer;will-change:box-shadow;border:none;justify-content:center;align-items:center;gap:12px;transition:--base-start .5s ease-out,--base-end .5s ease-out,box-shadow .25s ease-out;display:inline-flex;position:relative;transform:translateZ(0);box-shadow:0 4px 12px #00000026}.push-btn-3d:hover{box-shadow:0 6px 16px #0000002e}.push-btn-3d:active{box-shadow:0 2px 4px #0003}.push-btn-3d.active{--base-start:#9e1829;--base-end:#e03348;box-shadow:0 6px 20px #0000002e}.push-btn-3d:after{content:"";border-radius:inherit;background-color:var(--surface-color);width:100%;height:100%;transform:translateY(var(--btn-normal-depth))translateZ(0);z-index:1;will-change:transform;transition:--surface-color .5s ease-out,transform .25s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:0}.push-btn-3d:hover:after{transform:translateY(var(--btn-hover-depth))translateZ(0)}.push-btn-3d:active:after{transform:translateY(-2px)translateZ(0)}.push-btn-3d.active:after{--surface-color:#c72035;transform:translateY(var(--btn-active-depth))translateZ(0)}.push-btn-3d .btn-surface-active{display:none}.push-btn-3d .btn-content{z-index:3;color:var(--text-color);font-size:var(--btn-font-size);letter-spacing:.025em;transform:translateY(var(--btn-normal-depth))translateZ(0);will-change:transform;align-items:center;gap:10px;font-weight:600;transition:--text-color .5s ease-out,transform .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.push-btn-3d:hover .btn-content{transform:translateY(var(--btn-hover-depth))translateZ(0)}.push-btn-3d:active .btn-content{transform:translateY(-2px)translateZ(0)}.push-btn-3d.active .btn-content{--text-color:white;transform:translateY(var(--btn-active-depth))translateZ(0)}.push-btn-3d:focus-visible{box-shadow:0 0 0 3px var(--background,white),0 0 0 5px var(--primary,#c72035),0 4px 12px #00000026;outline:none}.push-btn-3d:focus-visible:after,.push-btn-3d:focus-visible .btn-content{transform:translateY(var(--btn-hover-depth))translateZ(0)}@media (prefers-reduced-motion:reduce){.push-btn-3d,.push-btn-3d:after,.push-btn-3d .btn-content{transition-duration:.01ms!important}}