.card {
    padding: 15px;
    border-radius: 5px;
}

.card-white {
    background-color: var(--brand-0) !important;
    border: 1px solid var(--brand-3);
    color: var(--brand-11);
    transition: all .3s ease;
}

.card-white.card-hover-effect {
    &:hover {
        background-color: var(--bg-2) !important;
        border: 1px solid var(--brand-4) !important;
    }
}

.card-light {
    background-color: var(--brand-3);
    border: 1px solid var(--brand-4);
    color: var(--brand-11);
}

.card-dark {
    background-color: var(--brand-3);
    border: 1px solid var(--brand-4);
    color: var(--brand-1);
}