.button{border:0;border-radius:4px;margin:0;padding:var(--vert-3) 0;background:none;display:-webkit-box;display:-ms-flexbox;display:flex;font-family:riforma;font-weight:700;font-size:var(--font-link-2);text-transform:uppercase;-webkit-transition:color .3s ease-out,background-color .3s ease-out,opacity .2s ease-out,-webkit-filter .3s ease-out;transition:color .3s ease-out,background-color .3s ease-out,opacity .2s ease-out,-webkit-filter .3s ease-out;-o-transition:color .3s ease-out,background-color .3s ease-out,filter .3s ease-out,opacity .2s ease-out;transition:color .3s ease-out,background-color .3s ease-out,filter .3s ease-out,opacity .2s ease-out;transition:color .3s ease-out,background-color .3s ease-out,filter .3s ease-out,opacity .2s ease-out,-webkit-filter .3s ease-out;cursor:pointer;text-align:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.button:disabled{pointer-events:none;opacity:.6}.button--primary{background-color:var(--black);color:var(--yellow);padding:var(--vert-3) 0}.button--secondary{background-color:var(--yellow);color:var(--black);padding:var(--vert-3) 0}.button--bordered{border:4px solid;padding:var(--vert-3) 0}@media (hover: hover){.button--primary:hover{filter:brightness(1.2)}.button--primary:active{-webkit-filter:brightness(.8);filter:brightness(.8)}.button--secondary:hover{background-color:var(--yellow);color:var(--black)}.button--secondary:active{-webkit-filter:brightness(.8);filter:brightness(.8)}}.button--bg{fill:#ebebeb}.button--line{fill:var(--black)}.button--stroke{stroke:var(--black)}.button--icon--secondary .button--bg{fill:transparent;stroke:var(--yellow)}.button--icon--secondary .button--line{fill:var(--yellow)}.button--icon--secondary .button--stroke{stroke:var(--yellow)}.button--icon{padding:0;width:40px;height:40px}.button--icon svg{width:38px;height:38px}.button--icon .button--bg,.button--icon .button--line,.button--icon .button--stroke{-webkit-transition:fill .3s ease-out,stroke .25s ease-out;-o-transition:fill .3s ease-out,stroke .25s ease-out;transition:fill .3s ease-out,stroke .25s ease-out}.button__close .button--bg{fill:var(--white)}@media (hover: hover){.button--icon:hover .button--bg{fill:transparent;stroke:#ebebeb}.button--icon:hover .button--line{fill:#ebebeb}.button--icon:hover .button--stroke{stroke:var(--black)}.button--icon:active .button--bg{fill:var(--grey-2);stroke:var(--grey-2)}.button--icon:active .button--line{fill:var(--black)}.button--icon:active .button--stroke{stroke:var(--black)}.button--icon:hover .button--bg{fill:var(--grey-1);stroke:transparent}.button--icon--secondary:hover .button--line{fill:transparent}.button--icon--secondary:hover .button--stroke{stroke:#000}.button--icon--secondary:active .button--bg{-webkit-filter:brightness(.8);filter:brightness(.8)}}.button--icon--left{rotate:90deg}.button--icon--right{rotate:-90deg}.button--icon--up{rotate:180deg}.button--icon--down{rotate:0deg}@media (max-width: 740px){.button--icon,.button--icon svg{width:30px;height:30px}}@media (max-width: 500px){.button--icon,.button--icon svg{width:30px;height:30px}.button--secondary{padding:var(--vert-4) 0}}
/*# sourceMappingURL=/cdn/shop/t/1351/assets/button.css.map */