/*--------------------------------------------------------------------------*\
    Buttons borders > cta
\*--------------------------------------------------------------------------*/

.btn--brd--cta {
    /* if the button contains a svg */
    fill: var(--c-cta-2);

    /*border*/
    border-color: var(--c-cta-2);

    /*text*/
    color: var(--c-cta-2);
}

/*--------------------------------------------------------------------------*\
        Hover
\*--------------------------------------------------------------------------*/

.btn--brd--cta:hover {
    /*background*/
    background-color: var(--c-cta-2);
    fill: var(--c-white);

    /*text*/
    color: var(--c-white);
}