.btn-secondary{
    background-color: var(--bs-secondary);
    color: var(--bs-text-white);
}

.btn-secondary:hover{
    background-color: var(--bs-secondary-hover);
    color: var(--bs-text-white);
}

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

.btn-primary:hover{
    background-color: var(--bs-primary-hover);
    color: var(--bs-text-white);
}

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

.btn-success:hover{
    background-color: var(--bs-success-hover);
    color: var(--bs-text-white);
}

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

.btn-danger:hover{
    background-color: var(--bs-danger-hover);
    color: var(--bs-text-white);
}

.btn-warning{
    background-color: var(--bs-warning);
    color: var(--bs-text-white);
}

.btn-warning:hover{
    background-color: var(--bs-warning-hover);
    color: var(--bs-text-white);
}

.btn-info{
    background-color: var(--bs-info);
    color: var(--bs-text-white);
}

.btn-info:hover{
    background-color: var(--bs-info-hover);
    color: var(--bs-text-white);
}

.btn-light{
    background-color: var(--bs-light);
    color: var(--bs-text-dark);
}

.btn-light:hover{
    background-color: var(--bs-light-hover);
    color: var(--bs-text-dark);
}

.btn-dark{
    background-color: var(--bs-dark);
    color: var(--bs-text-light);
}

.btn-dark:hover{
    background-color: var(--bs-dark-hover);
    color: var(--bs-text-light);
}

.btn-link{
    color: var(--bs-link);
    text-decoration: none;
}

.btn-link:hover{
    color: var(--bs-link-hover);
    text-decoration: underline;
    cursor: pointer;
}