.button{background:transparent;border:0;border-radius:10px;color:var(--primary-color);cursor:pointer;font-size:1rem;font-weight:600;line-height:1.5rem;line-height:1;padding:10px 20px;position:relative}.button:hover{text-decoration:none}.button:disabled{cursor:not-allowed}.button--ghost{border:1px solid var(--primary-color)}.button--ghost:hover:not(:disabled){background:var(--primary-color);color:#fff}.button--ghost:active:not(:disabled){background:var(--primary-color-600);border:1px solid var(--primary-color-600)}.button--primary{--tw-text-opacity:1;background:var(--primary-color);color:rgba(255,255,255,var(--tw-text-opacity))}.button--primary:hover:not(:disabled){background:var(--gradient-green)}.button--primary:active:not(:disabled){background:var(--primary-color-600)}.button--secondary{--tw-text-opacity:1;background:#66737f;color:rgba(255,255,255,var(--tw-text-opacity))}.button--secondary:active:not(:disabled){background:#97a8bc}.button--text{background:transparent;color:var(--secondary-text)}@media (min-width:667px){.button{border-radius:14px;padding:10px 20px}}@media (min-width:768px){.button{padding:13px 24px 14px}}@media (min-width:1340px){.button{padding:13px 24px 14px 25px}}