.btn,
.btn-primary,
.btn-primary-dark {
    transition: background-color 0.8s !important;

    &:not(.btn-outline) {color: white;}

    &:hover {
        transition: background-color 1s !important;
    }
}

.btn-primary:not(.btn-outline):hover {
    color: var(--color-primary);
}

.btn-primary-dark:not(.btn-outline):hover {
    color: var(--color-primary-dark);
}

.group:hover .btn-outline {
    color: var(--card-button-text-color, white);
}

a.link {
    color: var(--color-primary);
    display: flex;
    justify-content: start;
    align-items: center;
    gap: .5rem;

}