:root{
    --main: #563d7c;
    --ligther:#7956b0;
    --darker:#33244a;
}
.text-main-color{
    color:var(--main);
}

.btn-main-color{
    background-color: var(--main);
    border-color: var(--darker);
}
.btn-main-color.focus, .btn-main-color:focus {
    /*box-shadow: 0 0 0 0.2rem var(--ligther)!important;*/
}
.btn-main-color.active, .btn-main-color:active {
    background-color: var(--ligther)!important;
}

.btn-main-color:hover{
    background-color: var(--ligther);
    border-color:var(--main);
}