.button-group{--button-background: var(--secondary);--button-color: var(--primary);--button-background-conversion: var(--secondary);--button-color-conversion: var(--tertiary);--button-radius: .5rem;display:flex;gap:1rem;flex-wrap:wrap}.button-group.button-group--right{justify-content:end}.button-group.button-group--center{justify-content:center}.button-group.button-group--no-gap{gap:0}.button-group .btn{padding:1rem;background:var(--button-background);color:var(--button-color);border-radius:var(--button-radius);text-decoration:none;transition:opacity .2s ease-in-out;display:flex;gap:.5rem;align-items:center;cursor:pointer;border:none;font-size:inherit}.button-group .btn.btn--reverse{--button-background: var(--primary);--button-color: var(--secondary)}.button-group .btn.btn--reverse.btn--conversion{--button-background-conversion: var(--tertiary);--button-color-conversion: var(--secondary)}.button-group .btn.btn--conversion{background:var(--button-background-conversion);color:var(--button-color-conversion)}.button-group .btn:hover,.button-group .btn:focus{opacity:.7}.button-group .btn.btn--disabled{opacity:.5;cursor:not-allowed}