/*--------------------------------------------------------------------------*\
    Background color change on hover
\*--------------------------------------------------------------------------*/

.is-bg-hover {
    /*transition*/
    -webkit-transition: -webkit-background-color 0.3s;
    transition: background-color 0.3s;
}

/*--------------------------------------------------------------------------*\
        CTA Color
\*--------------------------------------------------------------------------*/

.is-bg-hover--cta:hover {
    /*background*/
    background-color: var(--c-cta-2) !important;

    /*text*/
    color:var(--c-tertiary-4) !important;
}

.is-bg-hover--cta:hover svg{
    /*background*/
    fill: var(--c-tertiary-4) !important;
}