.btn-primary,
.btn-dark {
    color: rgba(var(--white), 1.0) !important;
}

.btn-primary:hover,
.btn-secondary:hover,
.btn-dark:hover,
.btn-outline-primary:hover,
.btn-outline-secondary:hover,
.btn-outline-dark:hover {
    color: rgba(var(--white), 1.0) !important;
}

.btn-primary:hover {
    background-color: white !important;
    color: #0d6efd !important;
}

.btn-dark:hover {
    background-color: rgba(var(--dark), 1.0) !important;
    color: rgba(var(--main-color), 1.0) !important;
}

.btn-cta {
    background-color: rgba(var(--cta), 1.0) !important;
    color: rgba(var(--white), 1.0) !important;
    font-family: var(--text-regular) !important;
    border-radius: var(--radius-small) !important;
}

.btn.btn-outline-dark.card-portfolio-link,
.btn.btn-outline-dark.open-modal {
    border-radius: var(--radius-small) !important;
}

.btn-cta:hover {
    background-color: rgba(var(--white), 1.0) !important;
    border-color: rgba(var(--cta), 1.0) !important;
    color: rgba(var(--cta), 1.0) !important;
}

.button-group {
    position: absolute;
    bottom: 1.5rem;
    left: 1.5rem;
    right: 1.5rem;
    display: flex;
    gap: 0.5rem;
    justify-content: flex-start;
}

.button-group .btn {
    padding: 0.5rem 1rem;
}