.btn {
    transition: none;
    padding: 0.625rem 1rem;
    font-weight: 600;
    --bs-btn-border-radius: var(--border-radius);
}

.btn::first-letter {
    text-transform: uppercase;
}

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

.btn-primary:hover {
    background-color: var(--bs-link-hover-color);
    border-color: #2e6da4;
}

.btn-primary:active {
    background-color: var(--primary2);
    border-color: var(--primary2);
}

.btn-primary:focus {
    outline-offset: 4px;
    outline: 2px solid var(--black);
}

.btn-primary:disabled,
.btn-primary.disabled {
    color: var(--white);
    background-color: var(--primary);
    border-color: var(--bs-link-color);
    opacity: 0.4;
}

.btn-default {
    color: var(--secondary);
    background-color: var(--white);
    border-color: var(--secondary4);
}

.btn-default:hover {
    color: var(--white);
    background-color: var(--secondary4);
    border-color: var(--secondary4);
}

.btn-default:active {
    color: var(--white);
    background-color: var(--secondary);
    border-color: var(--secondary);
}

a.btn-default[disabled],
.btn-default:disabled {
    color: var(--secondary);
    background-color: var(--white);
    border-color: var(--secondary4);
    opacity: 0.4;
    pointer-events: none;
    cursor: default;
}

.btn-default:focus {
    outline-offset: 4px;
    outline: 2px solid var(--black);
}