.btn {
    transition: var(--animation-300);
    margin-bottom: 1rem;
    &:hover {
        text-decoration: underline;
        transition: var(--animation-300);
    }
}

.btn-primary {
    background: var(--btn-gradient-blue);
    border: none;
    &:focus, &.focus {
        box-shadow: 0 0 0 .2rem rgba(17, 66, 112, .5);
    }
}

.btn-secondary {
    background: var(--hf-dark-800);
    border: none;
}

.lipidtech {
    .btn-primary {
        background: black;
        border: none;
        &:focus, &.focus {
            box-shadow: 0 0 0 .2rem rgba(249, 176, 8, .5);
        }
    }
    .btn-primary:not([disabled]):not(.disabled):active, .btn-primary:not([disabled]):not(.disabled).active, .show > .btn-primary.dropdown-toggle, .btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle:focus, .btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show > .btn-outline-primary.dropdown-toggle {
        color: #000;
        background-color: var(--hf-yellow-400);
        border-color: var(--hf-yellow-400);
    }
}