.subscribe-btn.svelte-15zm6g{border-radius:var(--border-radius-4);cursor:pointer;background-color:var(--color-primary);color:#fff;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:8px 16px;font-family:inherit;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.subscribe-btn.svelte-15zm6g:hover{background-color:var(--color-primary-hover)}.subscribe-btn.svelte-15zm6g:focus{box-shadow:0 0 0 2px var(--bg-color-1), 0 0 0 4px var(--color-primary);outline:none}.subscribe-btn.svelte-15zm6g:disabled{cursor:not-allowed;opacity:.5}.subscribe-btn--subscribed.svelte-15zm6g{border-color:var(--border-color-1);background-color:var(--bg-color-1);color:var(--text-color-2)}.subscribe-btn--subscribed.svelte-15zm6g:hover{background-color:var(--bg-color-2)}.subscribe-btn--unsubscribe.svelte-15zm6g{border-color:var(--color-danger);color:var(--color-danger);background-color:#ef44440d}.subscribe-btn--unsubscribe.svelte-15zm6g:hover{background-color:#ef44441a}.subscribe-btn__spinner.svelte-15zm6g{width:16px;height:16px;animation:1s linear infinite svelte-15zm6g-spin}.subscribe-btn__spinner-track.svelte-15zm6g{opacity:.25}.subscribe-btn__spinner-fill.svelte-15zm6g{opacity:.75}@keyframes svelte-15zm6g-spin{to{transform:rotate(360deg)}}