:root {
    --black:#000000;
    --white:#FFFFFF;
    --color_one: #01595A;
    /*rgba(4, 11, 219, 0.1) */
    --color_two: #03BFC0;
    /*rgba(10, 14, 240, 0.1) */
    --color_three: #04ADC0;
    /*rgba(123, 132, 219, 0.1) */
    --color_four: #A0A604;
    /*rgba(255, 255, 255, 0.1) */
    --color_five: #01595A;
    /*rgba(242, 242, 242, 0.1) */
    --color_six: #0D0D0D;
    /*rgba(13, 13, 13, 0.1) */
    --color_seven: #C6C6C6;
    /*rgba(198, 198, 198, 0.1) */
    --color_eight: #9DA3B8;
    /*rgba(5, 64, 242, 0.1) */
    --color_nine: #3D6AF2;
    /*rgba(61, 106, 242, 0.1) */
    --color_ten: #02732A;
    /*rgba(2, 115, 42, 0.1) */

}

/*BOTON 1*/
.button_one {
    /*COLOR DE TEXTO*/
    color: var(--white);
    /*COLOR DEL BOTÓN*/
    background-color: var(--color_one);
}

.button_one:hover {
    /*COLOR DE TEXTO*/
    color: var(--color_one);
    /*COLOR DEL BOTÓN*/
    background-color: var(--white);
    /*COLOR DE BORDE*/
    border-color: var(--color_one);
}


/*BOTON 2*/
.button_two {
    /*COLOR DE TEXTO*/
    color: var(--white);
    /*COLOR DEL BOTÓN*/
    background-color: var(--color_two);
}

.button_two:hover {
    /*COLOR DE TEXTO*/
    color: var(--color_two);
    /*COLOR DEL BOTÓN*/
    background-color: var(--white);
    /*COLOR DE BORDE*/
    border-color: var(--color_two);
}

/*BOTON 3*/
.button_three {
    /*COLOR DE TEXTO*/
    color: var(--black);
    /*COLOR DEL BOTÓN*/
    background-color: var(--color_three);
}

.button_three:hover {
    /*COLOR DE TEXTO*/
    color: var(--color_three);
    /*COLOR DEL BOTÓN*/
    background-color: var(--white);
    /*COLOR DE BORDE*/
    border-color: var(--color_three);
}


/*BOTON 4*/
.button_four {
    /*COLOR DE TEXTO*/
    color: var(--black);
    /*COLOR DEL BOTÓN*/
    background-color: var(--color_four);
}

.button_four:hover {
    /*COLOR DE TEXTO*/
    color: var(--color_four);
    /*COLOR DEL BOTÓN*/
    background-color: var(--white);
    /*COLOR DE BORDE*/
    border-color: var(--color_four);
}

/*BOTON 5*/
.button_five {
    /*COLOR DE TEXTO*/
    color: var(--black);
    /*COLOR DEL BOTÓN*/
    background-color: var(--color_five);
}

.button_five:hover {
    /*COLOR DE TEXTO*/
    color: var(--color_five);
    /*COLOR DEL BOTÓN*/
    background-color: var(--white);
    /*COLOR DE BORDE*/
    border-color: var(--color_five);
}

/*BOTON 6*/
.button_six {
    /*COLOR DE TEXTO*/
    color: var(--black);
    /*COLOR DEL BOTÓN*/
    background-color: var(--color_six);
}

.button_six:hover {
    /*COLOR DE TEXTO*/
    color: var(--color_six);
    /*COLOR DEL BOTÓN*/
    background-color: var(--white);
    /*COLOR DE BORDE*/
    border-color: var(--color_six);
}


/*BOTON 7*/
.button_seven {
    /*COLOR DE TEXTO*/
    color: var(--black);
    /*COLOR DEL BOTÓN*/
    background-color: var(--color_seven);
}

.button_seven:hover {
    /*COLOR DE TEXTO*/
    color: var(--color_seven);
    /*COLOR DEL BOTÓN*/
    background-color: var(--white);
    /*COLOR DE BORDE*/
    border-color: var(--color_seven);
}

/*BOTON 8*/
.button_eight {
    /*COLOR DE TEXTO*/
    color: var(--black);
    /*COLOR DEL BOTÓN*/
    background-color: var(--color_eight);
}

.button_eight:hover {
    /*COLOR DE TEXTO*/
    color: var(--color_eight);
    /*COLOR DEL BOTÓN*/
    background-color: var(--white);
    /*COLOR DE BORDE*/
    border-color: var(--color_eight);
}

/*BOTON 9*/
.button_nine {
    /*COLOR DE TEXTO*/
    color: var(--black);
    /*COLOR DEL BOTÓN*/
    background-color: var(--color_nine);
}

.button_nine:hover {
    /*COLOR DE TEXTO*/
    color: var(--color_nine);
    /*COLOR DEL BOTÓN*/
    background-color: var(--white);
    /*COLOR DE BORDE*/
    border-color: var(--color_nine);
}

/*BOTON 10*/
.button_ten {
    /*COLOR DE TEXTO*/
    color: var(--black);
    /*COLOR DEL BOTÓN*/
    background-color: var(--color_two);
}

.button_ten:hover {
    /*COLOR DE TEXTO*/
    color: var(--color_ten);
    /*COLOR DEL BOTÓN*/
    background-color: var(--white);
    /*COLOR DE BORDE*/
    border-color: var(--color_ten);
}

.color_five{
    /*COLOR DE TEXTO*/
    background-color: var(--color_five);
}