.primary,.primary .text,.primary i{color:var(--white)}.button,button{display:flex;justify-content:center;align-items:center;padding:.8em 1.2em;border:none;cursor:pointer;transition:.3s;border-radius:.6em;white-space:nowrap;gap:.4em;font-weight:500;max-width:12em}.ghost,.icon{padding:.5em;border-radius:.2em;cursor:pointer}.button:hover,button:hover{background-color:var(--gray-300)}.ghost:hover,.tertiary:hover{background-color:var(--gray-200)}.primary{background-color:var(--primary)}.secondary{background-color:var(--secondary);color:var(--text)}.tertiary{background-color:var(--gray-100);color:var(--gray-400)}.ghost,.icon,.icon.like:hover{background-color:transparent}.tertiary:hover{color:var(--gray-500)}.ghost{color:var(--black)}.icon{position:relative;transition:.3s}.icon.like>.fa-heart,.icon.like>i{color:var(--red-500);font-size:1.2em}.icon:hover{background-color:var(--gray-100)}.outline,.outline:hover{background-color:var(--gray-50)}.outline{color:var(--gray-500);border:1px solid var(--gray-300);padding:.6em}.badge{background-color:transparent;border:1px solid var(--black);color:var(--black);font-size:.8rem}.badge-02,.badge-02:hover{background-color:var(--sky-200)}.badge-02{border:1px solid var(--sky-300);border-radius:.3em;color:var(--sky-700);padding:.5em 1em}.error,.info,.success,.warning{color:var(--text)}.badge:hover{background-color:none}.success{background-color:var(--success)}.warning{background-color:var(--warning)}.error{background-color:var(--error)}.info{background-color:var(--info)}