.subcription-link{--subcription-link-circle-scale:0;background-color:#4eb2b9;display:block;overflow:hidden;position:relative;text-decoration:none}.subcription-link:after{aspect-ratio:1/1;background-color:#8ecbcf;border-radius:50%;content:"";left:50%;pointer-events:none;position:absolute;top:50%;transform:translate3d(-50%,-50%,0) scale3d(var(--subcription-link-circle-scale),var(--subcription-link-circle-scale),1);transform-origin:center;transition:transform .3s linear;width:100%;will-change:transform,background-color;z-index:0}.subcription-link:hover{--subcription-link-circle-scale:1.2}.subcription-link:hover .z-icon{transform:scale(1.2) rotate(90deg)}.subcription-link__content{align-items:center;display:flex;justify-content:space-between;padding-bottom:var(--spacer-5xl);padding-top:var(--spacer-5xl);position:relative;width:100%;z-index:1}.subcription-link__title-wrapper{align-items:flex-end;display:flex;gap:var(--spacer-l)}@media only screen and (max-width:1023px){.subcription-link__title-wrapper{align-items:flex-start;flex-direction:column;gap:var(--spacer-xs)}}.subcription-link__title{color:#fff;font-size:var(--typography-10xl);font-style:normal;font-weight:400;line-height:100%;text-transform:uppercase}@media only screen and (max-width:599px){.subcription-link__title{font-size:var(--typography-4xl)}}.subcription-link__subtitle{color:#fff;font-size:var(--typography-3xl);font-style:normal;font-weight:400;letter-spacing:1.82px;line-height:140%}@media only screen and (max-width:599px){.subcription-link__subtitle{font-size:var(--typography-m);letter-spacing:0}}.subcription-link__icon{--subcription-link-button-size:100px;--subcription-link-icon-size:calc(var(--subcription-link-button-size)*.36);align-items:center;border:3px solid #fff;border-radius:var(--radius-full);display:flex;height:var(--subcription-link-button-size);justify-content:center;width:var(--subcription-link-button-size)}.subcription-link__icon .z-icon{height:var(--subcription-link-icon-size);transform:scale(1) rotate(90deg);transition:transform .3s ease-in-out;width:var(--subcription-link-icon-size)}.subcription-link__icon .z-icon path{fill:#fff}@media only screen and (max-width:1679px){.subcription-link__icon{--subcription-link-button-size:80px}}@media only screen and (max-width:1023px){.subcription-link__icon{--subcription-link-button-size:64px}}@media only screen and (max-width:599px){.subcription-link__icon{--subcription-link-button-size:42px;border-width:1px}}
