.btn{width:100%;border-radius:50px;background-color:var(--color-green);display:inline-flex;justify-content:center;align-items:center;gap:12px;padding:10px 20px;font-size:16px;font-weight:700;color:var(--color-black);transition:background-color .2s}.btn:not(:disabled):hover{background-color:var(--color-dark-green)}.btn.warning{background-color:var(--color-yellow)}.btn.warning:not(:disabled):hover{background-color:var(--color-dark-yellow)}.btn.danger{background-color:var(--color-red)}.btn.danger:not(:disabled):hover{background-color:var(--color-dark-red)}.btn.outline{border:1px solid var(--color-green);background-color:var(--color-light-green)}.btn.outline:not(:disabled):hover{background-color:var(--color-green)}.btn.transparent{border:1px solid var(--color-green);background-color:transparent}.btn.transparent:not(:disabled):hover{background-color:var(--color-light-green)}