.botones{
    color: blanchedalmond;
    background-color: aqua;
    width: 95%;
    margin: 10px 20px;
    height: 138px;
    font-weight: bold;
    font-size: 18pt;
    padding: 0%;
}
.fa-arrow-right{
    margin-top: 20px;
    margin-left: 20px;

}
/*BOTON 1*/
.botones1{

    background-color: rgb(11, 78, 138);

}

.botones1:hover{

    background-color: blanchedalmond;
    color: rgb(11, 78, 138);

}

.fa-arrow-right{

    
    color: blanchedalmond;

}

.botones1:hover .fa-arrow-right{

    
    color: rgb(11, 78, 138);

}
.botones1 img{
    width: 100%;
    height: 100%;
    z-index: -1000;
    opacity: 0.4;
}

.titulo1{

    z-index: 1000;
    position: relative;
    bottom: 80%;

}
/*BOTON 2*/
.botones2{
    background-color: rgb(255, 94, 0);

}

.botones2:hover{

    background-color: blanchedalmond;
    color: rgb(11, 78, 138);

}

.botones2 img{
    width: 100%;
    height: 100%;
    z-index: -1000;
    opacity: 0.4;
}

.titulo2{
    
    z-index: 1000;
    position: relative;
    bottom: 80%;

}

.botones2:hover .fa-arrow-right{

    
    color: rgb(11, 78, 138);

}

/*BOTON 3*/
.botones3{

    background-color: rgb(110, 143, 66);

}

.botones3:hover{

    background-color: blanchedalmond;
    color: rgb(11, 78, 138);

}

.botones3 img{
    width: 100%;
    height: 100%;
    z-index: -1000;
    opacity: 0.4;
}

.titulo3{

    z-index: 1000;
    position: relative;
    bottom: 80%;

}

.botones3:hover .fa-arrow-right{

    
    color: rgb(11, 78, 138);

}
/*BOTON 4*/
.botones4{

    background-color: rgb(185, 185, 0);

}

.botones4:hover{

    background-color: blanchedalmond;
    color: rgb(11, 78, 138);

}

.botones4 img{
    width: 100%;
    height: 100%;
    z-index: -1000;
    opacity: 0.4;
}

.titulo4{

    z-index: 1000;
    position: relative;
    bottom: 80%;

}

.botones4:hover .fa-arrow-right{

    
    color: rgb(11, 78, 138);

}

/*BOTON 5*/
.botones5{

    background-color: rgba(128, 0, 128, 0.582);

}

.botones5:hover{

    background-color: blanchedalmond;
    color: rgb(11, 78, 138);

}

.botones5 img{
    width: 100%;
    height: 100%;
    z-index: -1000;
    opacity: 0.4;
}

.titulo5{

    z-index: 1000;
    position: relative;
    bottom: 80%;

}

.botones5:hover .fa-arrow-right{

    
    color: rgb(11, 78, 138);

}

/*BOTON 6*/
.botones6{

    background-color: rgba(255, 108, 108, 0.705);

}

.botones6:hover{

    background-color: blanchedalmond;
    color: rgb(11, 78, 138);

}

.botones6 img{
    width: 100%;
    height: 100%;
    z-index: -1000;
    opacity: 0.4;
}

.titulo6{

    z-index: 1000;
    position: relative;
    bottom: 80%;

}

.botones6:hover .fa-arrow-right{

    
    color: rgb(11, 78, 138);

}
/*BOTON 7*/
.botones7{

    background-color: rgb(143, 98, 3);

}

.botones7:hover{

    background-color: blanchedalmond;
    color: rgb(11, 78, 138);

}

.botones7 img{
    width: 100%;
    height: 100%;
    z-index: -1000;
    opacity: 0.4;
}

.titulo7{

    z-index: 1000;
    position: relative;
    bottom: 80%;

}

.botones7:hover .fa-arrow-right{

    
    color: rgb(11, 78, 138);

}

/*BOTON 8*/
.botones8{

    background-color: rgb(143, 47, 3);

}

.botones8:hover{

    background-color: blanchedalmond;
    color: rgb(11, 78, 138);

}

.botones8 img{
    width: 100%;
    height: 100%;
    z-index: -1000;
    opacity: 0.4;
}

.titulo8{

    z-index: 1000;
    position: relative;
    bottom: 80%;

}

.botones8:hover .fa-arrow-right{

    
    color: rgb(11, 78, 138);

}