.subscribe-button{--button-height:2rem;--button-bg:var(--color-primary-50);--button-bg-hover:var(--color-primary-100);--button-color:var(--color-link)}.subscribe-button.compact{--button-height:1.5rem;--button-bg:transparent;--button-bg-hover:transparent;--button-color:var(--color-primary-900)}.subscribe-button.compact .subscribe-button__text{color:currentColor}.subscribe-button{text-align:center;align-items:center;gap:var(--gridunit-tiny);-webkit-user-select:none;user-select:none;display:inline-flex;position:relative;overflow:hidden}.subscribe-button__text{white-space:nowrap;color:var(--color-link);text-overflow:ellipsis;max-width:280px;overflow:hidden}.subscribe-button__subscribe{height:var(--button-height);line-height:var(--button-height);min-width:var(--button-height);background:var(--button-bg);color:var(--button-color);border-radius:var(--radius-default);cursor:pointer;border:none;position:relative}.subscribe-button__subscribe svg{width:20px;height:20px}.subscribe-button__subscribe path{fill:currentColor}.subscribe-button__subscribe>*{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.subscribe-button__subscribe:active,.subscribe-button__subscribe:hover{--button-bg:var(--button-bg-hover)}.subscribe-button .loading-content{background-color:var(--button-bg);inset:50% auto auto 50%;transform:translate(-50%,-50%)}.subscribe-button .loading-content svg{width:.9375rem;height:.9375rem}.subscribe-button.loading .subscribe-button__icon{opacity:0}.subscribe-button.remove{--button-bg:var(--color-danger);--button-bg-hover:var(--color-primary-800);--button-color:var(--color-white)}.subscribe-button.remove .loading-content{background-color:var(--button-bg)}.subscribe-button.remove .loading-content svg{mix-blend-mode:lighten;width:1rem!important;height:1rem!important}.subscribe-button.remove .loading-content__gradient{background:conic-gradient(from 270deg at 50% 50%, #00000080 0deg, #00000080 90deg, var(--button-color) 180deg, #00000080 190deg, #00000080, 270deg, #00000080)}.subscribe-button.remove .loading-content__fill{fill:var(--color-black)}.subscribe-button.remove .loading-content__circle,.subscribe-button.remove .loading-content__elem{stroke:var(--button-color)}.subscribe-button.remove .loading-content__group{mix-blend-mode:darken}.subscribe-button.is-subscribed{--button-bg:var(--color-success-600);--button-bg-hover:var(--color-success-800);--button-color:var(--color-white)}.subscribe-button.is-subscribed .loading-content{background-color:var(--button-bg)}.subscribe-button.is-subscribed .loading-content svg{mix-blend-mode:lighten;width:1rem!important;height:1rem!important}.subscribe-button.is-subscribed .loading-content__gradient{background:conic-gradient(from 270deg at 50% 50%, #00000080 0deg, #00000080 90deg, var(--button-color) 180deg, #00000080 190deg, #00000080, 270deg, #00000080)}.subscribe-button.is-subscribed .loading-content__fill{fill:var(--color-black)}.subscribe-button.is-subscribed .loading-content__circle,.subscribe-button.is-subscribed .loading-content__elem{stroke:var(--button-color)}.subscribe-button.is-subscribed .loading-content__group{mix-blend-mode:darken}