.button{text-align:center;cursor:pointer;border:1px solid #0000;border-radius:8px;outline:1px solid #0000;justify-content:center;align-items:center;gap:8px;height:42px;padding:10px 22px;font-family:Rubik,sans-serif;font-size:16px;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-family:Rubik,sans-serif;font-size:14px;font-style:normal;font-weight:700;line-height:130%}}.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(--white)}@media (hover:hover){.button--primary:hover{background-color:var(--white);color:var(--primary)}}.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}