.btn{display:flex;align-items:center;justify-content:center;font-size:1.6rem;font-weight:700;line-height:2.4rem;text-align:center;text-decoration:none;border-radius:20rem;padding:1.2rem 2.4rem;width:fit-content;border:1px solid transparent;background-color:transparent;cursor:pointer;gap:.8rem}.btn.loading>span{opacity:0}@media screen and (min-width: 1024px){.btn{line-height:2.4rem}}.btn:disabled{opacity:.5;pointer-events:none}.btn.full{width:100%}@media screen and (min-width: 1024px){.btn.large{padding:1.8rem 8rem}}.btn>svg{height:2rem;width:auto;flex-shrink:0}.primary{transition:opacity .2s ease}.primary:hover{opacity:.8}.primary.green{color:var(--white);background-color:var(--green-400)}.btn.primary.green.loading .loading__spinner .spinner circle{stroke:var(--white)}.primary.green svg path{stroke:var(--white)}.primary.black{color:var(--white);background-color:var(--black)}.btn.primary.black.loading .loading__spinner .spinner circle{stroke:var(--white)}.primary.black svg path{stroke:var(--white)}.primary.white{color:var(--black);background-color:var(--white)}.secondary{border-color:var(--grey-400);transition:border-color .2s ease,background-color .2s ease,color .2s ease}.secondary.green{color:var(--green-400);background-color:var(--white)}.secondary.green:hover{border-color:var(--green-400);background-color:var(--green-400);color:var(--white)}.secondary.green svg path{fill:var(--green-400);transition:fill .2s ease}.secondary.green:hover svg path{fill:var(--white)}.btn.link{color:var(--green-400);padding:0}
/*# sourceMappingURL=/cdn/shop/t/2/assets/button.css.map */