.button{text-transform:uppercase;text-align:center;cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:10px 30px;font-family:TT Wellingtons,sans-serif;font-size:20px;font-style:normal;font-weight:700;line-height:100%;transition:border-color .2s linear,background-color .2s linear,color .2s linear;display:flex}@media (width<768px){.button{width:100%;padding:10px;font-size:15px;font-weight:700}}.button[disabled]{pointer-events:none;background-color:var(--primary);opacity:.5;color:var(--white)}.button svg{width:12px;height:12px}.button--primary{border-color:var(--primary);background-color:var(--primary);color:var(--black)}@media (hover:hover){.button--primary:hover{background-color:var(--primary-light);color:var(--black)}}.button--primary:active{border-color:var(--primary);outline-color:var(--primary)}.button--ghost{background-color:var(--white);color:var(--primary);border-color:var(--primary)}@media (hover:hover){.button--ghost:hover{background-color:var(--primary);color:var(--white)}}.button--white{border:1px solid var(--white);color:var(--white)}@media (hover:hover){.button--white:hover{background-color:var(--white);color:var(--primary)}}.button--ghost-cart{background-color:var(--white);padding:0}.button--icon{padding:8px}.button--icon svg{flex-shrink:0;width:24px;height:24px}
