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