.action-btn{--primary-gradient:linear-gradient(135deg, #7c3aed 0%, #3b82f6 100%);--hover-shadow:0 0 40px #7c3aed4d;--btn-height:56px;--radius:16px;height:var(--btn-height);border-radius:var(--radius);cursor:pointer;background-color:#0c0d10;border:none;justify-content:center;align-items:center;padding:0 32px;transition:all .4s cubic-bezier(.23,1,.32,1);display:flex;position:relative;overflow:hidden}.action-btn:before{content:"";z-index:0;background:conic-gradient(#0000,#0000,#7c3aed,#3b82f6,#10b981,#0000,#0000);width:400%;height:400%;animation:5s linear infinite border-rotate;position:absolute;top:-150%;left:-150%}@keyframes border-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.action-btn:after{content:"";border-radius:calc(var(--radius) - 2px);z-index:1;background:#0f1014;transition:all .3s;position:absolute;inset:2px}.action-btn:hover:after{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f1014d9}.btn-content{z-index:10;color:#fff;justify-content:center;align-items:center;gap:12px;display:flex;position:relative}.btn-text{letter-spacing:-.01em;background:linear-gradient(#fff,#e2e8f0);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:16px;font-weight:700}.btn-icon-wrapper{justify-content:center;align-items:center;display:flex}.btn-icon{color:#fff;width:18px;height:18px;transition:transform .4s cubic-bezier(.175,.885,.32,1.275)}.action-btn:hover{box-shadow:var(--hover-shadow);transform:translateY(-2px)}.action-btn:hover .btn-icon{transform:translate(4px)scale(1.1)}.action-btn:active{transform:translateY(0)scale(.98)}.btn-shimmer{z-index:2;background:linear-gradient(90deg,#0000,#ffffff26,#0000);width:100%;height:100%;transition:all .6s;position:absolute;top:0;left:-100%}.action-btn:hover .btn-shimmer{left:100%}.btn-glow{opacity:0;z-index:2;background:radial-gradient(circle,#7c3aed26,#0000 80%);transition:opacity .4s;position:absolute;inset:0}.action-btn:hover .btn-glow{opacity:1}.dark .action-btn:after{background:#030406}