.subscribe-button{position:relative;width:100%;height:40px;border-radius:8px;font-weight:600;font-size:13px;display:flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;border:none;outline:none;letter-spacing:.2px}.subscribe-button:disabled{opacity:.6}.subscribe-button:focus{outline:none;box-shadow:0 0 0 3px rgba(158,122,255,.3)}.subscribe-button--lifetime,.subscribe-button--monthly,.subscribe-button--yearly{background:linear-gradient(135deg,#9e7aff,#b79dff 50%,#7c5cd6);color:#fff;border:1px solid hsla(0,0%,100%,.2);box-shadow:0 2px 8px rgba(158,122,255,.2)}.subscribe-button--free{background:hsla(0,0%,100%,.1);color:#374151;border:2px solid rgba(0,0,0,.1)}.alphatab-dark .subscribe-button--free{background:hsla(0,0%,100%,.05);color:#e5e7eb;border-color:hsla(0,0%,100%,.1)}.subscribe-button__text{font-size:13px;font-weight:600;color:inherit}.subscribe-button__icon{width:14px;height:14px;color:inherit}.alphatab-dark .subscribe-button .subscribe-button__icon,.alphatab-dark .subscribe-button .subscribe-button__icon svg,.subscribe-button .subscribe-button__icon,.subscribe-button .subscribe-button__icon svg{color:inherit!important}.subscribe-button__icon--loading{animation:spin 1s linear infinite}.subscribe-button__icon-wrapper{display:flex;align-items:center;gap:8px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.subscribe-button{height:44px;font-size:14px;border-radius:12px}.subscribe-button__text{font-size:14px}.subscribe-button__icon{width:18px;height:18px}}.subscribe-button:disabled{background:rgba(156,163,175,.3)!important;color:hsla(220,9%,46%,.8)!important;cursor:not-allowed}.subscribe-button:disabled .subscribe-button__icon--loading{animation:spin 1s linear infinite}.subscribe-button:focus-visible{outline:2px solid currentColor;outline-offset:2px}