article .bg-primary-darker:hover {
    background-color: var(--bs-primary) !important;
}

article .bg-primary-lighter:hover {
    background-color: var(--bs-primary) !important;
}

article .bg-tertiary:hover {
    background-color: var(--bs-tertiary-lighter) !important;
}

article .bg-secondary-darker:hover {
    background-color: var(--bs-secondary) !important;
}

article > div {
    transition: background-color 0.2s ease-in-out;
}

.bonus-heading{
    color: var(--bs-light);
}

article svg {
    opacity: 0;
    transition: opacity 0.2s ease-in-out;
}

article:hover svg{
    opacity: 100%;
}

.single-bonus .title-section{
    min-height: 40vh;
}