.component-cta-button{align-items:center;border-radius:50px;display:flex;height:64px;justify-content:center;max-width:480px;position:relative;text-decoration:none;width:100%}@media(max-width:768px){.component-cta-button{height:50px}}.component-cta-button.black{background-color:var(--color-black)}.component-cta-button.green{background-color:var(--color-green)}.component-cta-button.green span,.component-cta-button.green span svg{color:var(--color-black)}.component-cta-button.green .cta-nonagon{left:0;top:0;transform:translate(-30%,-30%)}.component-cta-button.green .cta-star{bottom:-30px;right:0;top:unset;transform:translate(30%,-30%)}.component-cta-button.plum{background-color:var(--color-plum)}.component-cta-button.plum span,.component-cta-button.plum span svg{color:var(--color-black)}.component-cta-button.plum .cta-nonagon{left:0;top:0;transform:translate(-30%,-30%)}.component-cta-button.plum .cta-star{bottom:-20px;right:0;top:unset;transform:translate(30%,-30%)}.component-cta-button span{align-self:normal;color:var(--color-foreground-white);font-family:Degular,sans-serif;font-size:42px;font-weight:500;line-height:normal;position:relative;text-decoration:none}@media(max-width:768px){.component-cta-button span{align-self:center;font-size:18px;font-weight:600}}.component-cta-button span svg{bottom:5px;left:0;opacity:0;position:absolute;right:0;width:100%}@media(max-width:768px){.component-cta-button span svg{bottom:-8px;opacity:1}}.component-cta-button svg{position:absolute}.component-cta-button .cta-nonagon{bottom:0;height:50px;left:0;opacity:0;transform:translate(-30%,30%);width:52px}@media(max-width:768px){.component-cta-button .cta-nonagon{height:39px;opacity:1;width:40px}}.component-cta-button .cta-star{height:56px;opacity:0;right:0;top:0;transform:translate(30%,-30%);width:54px}@media(max-width:768px){.component-cta-button .cta-star{height:44px;opacity:1;width:42px}}.component-cta-button:active svg,.component-cta-button:focus svg,.component-cta-button:hover svg{opacity:1;transition:opacity .2s}