.button-container{position:relative;z-index:10}.obsidian-btn{position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:linear-gradient(160deg,#2a2a2e,#0d0d0f,#000);border:1px solid #111;box-shadow:inset 0 1px 1px #ffffff26,inset 0 -2px 5px #000c,0 10px 25px #000c;border-radius:16px;padding:16px 48px;color:#fff;font-size:15px;font-weight:500;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;outline:none;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;align-items:center;justify-content:center;gap:12px;min-width:220px;z-index:2}.obsidian-btn:after{content:"";position:absolute;top:0;left:0;right:0;height:45%;background:linear-gradient(180deg,#ffffff14,#fff0);border-radius:15px 15px 0 0;pointer-events:none;z-index:3}.glow-effect{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;background:#fff;filter:blur(24px);opacity:.15;border-radius:20px;z-index:-1;transition:all .5s ease;pointer-events:none}.button-container:hover .obsidian-btn{transform:translateY(-3px);border-top-color:#ffffff4d;background:linear-gradient(160deg,#333338,#111114,#000)}.button-container:hover .glow-effect{opacity:.4;filter:blur(35px);width:110%;height:120%}.button-container:active .obsidian-btn{transform:translateY(1px);box-shadow:inset 0 1px 1px #ffffff0d,inset 0 4px 10px #000000e6,0 5px 10px #00000080}.button-container:active .glow-effect{opacity:.1;filter:blur(15px);width:95%;height:95%}.btn-text{position:relative;z-index:4;background:linear-gradient(to bottom,#fff,#a0a0a0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0px 2px 4px rgba(0,0,0,.8);transition:all .3s ease}.obsidian-spinner{display:none;width:20px;height:20px;border:2px solid rgba(255,255,255,.1);border-top-color:#fff;border-radius:50%;animation:obsidian-spin .8s linear infinite;position:relative;z-index:4}@keyframes obsidian-spin{to{transform:rotate(360deg)}}.is-loading .btn-text{opacity:.7}.is-loading .obsidian-spinner{display:block}.is-loading .obsidian-btn{pointer-events:none}.is-loading .glow-effect{animation:pulse-glow 1.5s infinite alternate}@keyframes pulse-glow{0%{opacity:.2;filter:blur(20px)}to{opacity:.5;filter:blur(35px)}}
