.btn{font-family:var(--font);letter-spacing:.04em;cursor:pointer;border-radius:var(--radius);border:none;align-items:center;gap:8px;padding:14px 28px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.btn svg{width:16px;height:16px}.btn--primary{background:var(--green-700);color:var(--white)}.btn--primary:hover{background:var(--green-900)}.btn--outline{color:var(--green-700);border:2px solid var(--green-700);background:0 0}.btn--outline:hover{background:var(--green-700);color:var(--white)}.btn--white{background:var(--white);color:var(--green-900)}.btn--white:hover{background:var(--green-300)}.btn--ghost{color:#ffffffd9;background:0 0;border:2px solid #fff6}.btn--ghost:hover{border-color:var(--green-300);color:var(--white)}@media (max-width:768px){.btn{font-size:15px}}