.btn-first{
    background: var(--first);
    color: var(--second);
}

.btn-first:hover{
    background: var(--second);
    color: var(--first);
}

.btn-second{
    background: var(--second);
    color: var(--first);
}

.btn-second:hover{
    background: var(--third);
    color: var(--first);
}

.btn-third{
    background: var(--third);
    color: var(--first);
}

.btn-third:hover{
    background: var(--first);
    color: var(--third);
}

.btn-fourth{
    background: var(--fourth);
    color: var(--first);
}

.btn-fourth:hover{
    background: var(--second);
    color: var(--fourth);
}

.btn-premium, .btn-premium span{
    background: var(--premium-third);
    color: var(--premium-first);
    transition: .5s;
}

.btn-premium:hover{
    background: var(--premium-third);
    box-shadow: 0 0 15px #e4cb58;
}

.text-first{
    color: var(--first)!important;
}
.text-second{
    color: var(--second)!important;
}
.text-third{
    color: var(--third)!important;
}
.text-fourth{
    color: var(--fourth)!important;
}

.text-first-hover:hover{
    color: var(--first)!important;
}
.text-second-hover:hover{
    color: var(--second)!important;
}
.text-third-hover:hover{
    color: var(--third)!important;
}
.text-fourth-hover:hover{
    color: var(--fourth)!important;
}

.bg-first{
    background: var(--first)!important;
}
.bg-second{
    background: var(--second)!important;
}
.bg-third{
    background: var(--third)!important;
}
.bg-fourth{
    background: var(--fourth)!important;
}

.bg-first-hover:hover{
    background: var(--first)!important;
}
.bg-second-hover:hover{
    background: var(--second)!important;
}
.bg-third-hover:hover{
    background: var(--third)!important;
}
.bg-fourth-hover:hover{
    background: var(--fourth)!important;
}

.border-first{
    border-color: var(--first)!important;
}
.border-second{
    border-color: var(--second)!important;
}
.border-third{
    border-color: var(--third)!important;
}
.border-fourth{
    border-color: var(--fourth)!important;
}



/* myColors */

.bg-myligthgreen{
    background: var(--mylightgreen)!important;
}
.bg-myligthgreen-hover:hover{
    background: var(--mylightgreen)!important;
}

.bg-myligthred{
    background: var(--myligthred)!important;
}
.bg-myligthred-hover:hover{
    background: var(--myligthred)!important;
}

.bg-myligthyellow{
    background: var(--mylightyellow)!important;
}
.bg-myligthyellow-hover:hover{
    background: var(--mylightyellow)!important;
}



.text-myligthgreen{
    color: var(--mylightgreen)!important;
}
.text-myligthgreen-hover:hover{
    color: var(--mylightgreen)!important;
}

.text-myligthred{
    color: var(--myligthred)!important;
}
.text-myligthred-hover:hover{
    color: var(--myligthred)!important;
}

.text-myligthyellow{
    color: var(--mylightyellow)!important;
}
.text-myligthyellow-hover:hover{
    color: var(--mylightyellow)!important;
}