.btn {
    border-radius: 30px;
    border-width: 3px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    padding: .8rem 1.2rem;
    font-weight: 600;
    min-height: 52px;
    white-space: nowrap;
}

.btn:disabled {
    pointer-events: none;
    opacity: .65
}

.btn.btn-primary {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
    min-height: 52px;
}

.btn.btn-primary:active,
.btn.btn-primary:active:focus,
.btn.btn-primary:focus {
    background: var(--bs-primary-dark);
    border-color: var(--bs-primary-dark);
    box-shadow: 0 0 0 .25rem var(--bs-primary-opacity)
}

.btn.btn-primary:hover {
    background: var(--bs-primary-dark);
    border-color: var(--bs-primary-dark)
}

.btn.btn-outline-primary {
    /* border: 1px solid rgb(233, 236, 242); */
    /* background-color: rgba(0, 0, 0, 0); */
    border-color: var(--bs-primary);
    color: var(--bs-primary);
    padding: 0.9em 2rem;
    font-size: 16px;
}

.btn.btn-outline-primary:active,
.btn.btn-outline-primary:active:focus,
.btn.btn-outline-primary:focus {
    box-shadow: 0 0 0 .25rem var(--bs-primary-opacity)
}

.btn.btn-outline-primary:hover {
    background: var(--bs-primary);
    color: #fff
}

.btn.btn-text-primary {
    background-color: rgba(0, 0, 0, 0);
    border-color: rgba(0, 0, 0, 0);
    color: var(--bs-primary)
}

.btn.btn-text-primary:active,
.btn.btn-text-primary:active:focus,
.btn.btn-text-primary:focus {
    box-shadow: none
}

.btn.btn-text-primary:hover {
    background: var(--bs-primary-opacity)
}

.btn.btn-text-primary.btn-active {
    background-color: var(--bs-primary-opacity);
    color: var(--bs-primary)
}

.btn.btn-text-primary.btn-active:hover {
    background-color: var(--bs-primary-opacity-dark)
}

.btn.btn-success {
    background-color: var(--bs-success);
    border-color: var(--bs-success)
}

.btn.btn-success:active,
.btn.btn-success:active:focus,
.btn.btn-success:focus {
    background: var(--bs-success-dark);
    border-color: var(--bs-success-dark);
    box-shadow: 0 0 0 .25rem var(--bs-success-opacity)
}

.btn.btn-success:hover {
    background: var(--bs-success-dark);
    border-color: var(--bs-success-dark)
}

.btn.btn-outline-success {
    background-color: rgba(0, 0, 0, 0);
    border-color: var(--bs-success);
    color: var(--bs-success)
}

.btn.btn-outline-success:active,
.btn.btn-outline-success:active:focus,
.btn.btn-outline-success:focus {
    box-shadow: 0 0 0 .25rem var(--bs-success-opacity)
}

.btn.btn-outline-success:hover {
    background: var(--bs-success);
    color: #fff
}

.btn.btn-text-success {
    background-color: rgba(0, 0, 0, 0);
    border-color: rgba(0, 0, 0, 0);
    color: var(--bs-success)
}

.btn.btn-text-success:active,
.btn.btn-text-success:active:focus,
.btn.btn-text-success:focus {
    box-shadow: none
}

.btn.btn-text-success:hover {
    background: var(--bs-success-opacity)
}

.btn.btn-text-success.btn-active {
    background-color: var(--bs-success-opacity);
    color: var(--bs-success)
}

.btn.btn-text-success.btn-active:hover {
    background-color: var(--bs-success-opacity-dark)
}

.btn.btn-danger {
    background-color: var(--bs-danger);
    border-color: var(--bs-danger)
}

.btn.btn-danger:active,
.btn.btn-danger:active:focus,
.btn.btn-danger:focus {
    background: var(--bs-danger-dark);
    border-color: var(--bs-danger-dark);
    box-shadow: 0 0 0 .25rem var(--bs-danger-opacity)
}

.btn.btn-danger:hover {
    background: var(--bs-danger-dark);
    border-color: var(--bs-danger-dark)
}

.btn.btn-outline-danger {
    background-color: rgba(0, 0, 0, 0);
    border-color: var(--bs-danger);
    color: var(--bs-danger)
}

.btn.btn-outline-danger:active,
.btn.btn-outline-danger:active:focus,
.btn.btn-outline-danger:focus {
    box-shadow: 0 0 0 .25rem var(--bs-danger-opacity)
}

.btn.btn-outline-danger:hover {
    background: var(--bs-danger);
    color: #fff
}

.btn.btn-text-danger {
    background-color: rgba(0, 0, 0, 0);
    border-color: rgba(0, 0, 0, 0);
    color: var(--bs-danger)
}

.btn.btn-text-danger:active,
.btn.btn-text-danger:active:focus,
.btn.btn-text-danger:focus {
    box-shadow: none
}

.btn.btn-text-danger:hover {
    background: var(--bs-danger-opacity)
}

.btn.btn-text-danger.btn-active {
    background-color: var(--bs-danger-opacity);
    color: var(--bs-danger)
}

.btn.btn-text-danger.btn-active:hover {
    background-color: var(--bs-danger-opacity-dark)
}

.btn-group-toggle>.btn,
.btn-group-toggle>.btn-group>.btn {
    margin-bottom: 0
}

.btn-group-toggle>.btn input[type=radio],
.btn-group-toggle>.btn input[type=checkbox],
.btn-group-toggle>.btn-group>.btn input[type=radio],
.btn-group-toggle>.btn-group>.btn input[type=checkbox] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none
}

.btn-check:active+.btn-primary,
.btn-check:checked+.btn-primary,
.btn-primary.active,
.btn-primary:active,
.show>.btn-primary.dropdown-toggle {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary)
}

.btn-check:hover+.btn-primary,
.btn-primary:hover,
.show>.btn-primary.dropdown-toggle:hover {
    background-color: var(--bs-primary-dark);
    border-color: var(--bs-primary-dark);
}

/*# sourceMappingURL=_buttons.css.map */