.branding-color {
    /*color: #502C84;*/
    color: var(--branding-color);
}

    .branding-color:hover {
        /*color: #B01F8C;*/
        color: var(--branding-color);
        
    }

.branding-bg-color {
    /*background-color: #502C84;*/
    background-color: var(--branding-color);
    
}
    .branding-bg-color:hover {
        background: var(--branding-color-hover);
        opacity: 0.9;
        color: #ffffff;
    }
    .branding-bg-color:active {
        /*background: #B01F8C 0% 0% no-repeat padding-box;*/
        background: var(--branding-color-hover);
        color: #ffffff;
        opacity: 0.9;
    }

.branding-border-color {
    /*border-color: #006729;*/
    border-color: var(--branding-color);
}

.branding-bg-color:hover {
    background: var(--branding-color);
    color: #ffffff;
    opacity: 0.9;
}