.mybtn{
    border: 1px solid rgb(8, 91, 216) ;
    background: rgba( 13, 110, 253) ;
    border-radius: 7%;

    margin:5px;

    width: 230px;
    height: 150px;

    display:flex;
    justify-content: center;
    align-items: center;

    box-shadow: 2px 2px 10px  rgb(8, 91, 216) ;

}



.mybtn:hover{
    cursor: pointer;
    
}


.mybtn:hover > .mybtn-content{
    cursor: pointer;
    background: rgb(210, 221, 237) ; 
}

.mybtn-content{
    border: 1px solid rgb(8, 91, 216) ;
    background: #FFF ;
    border-radius: 7%;
    
    width: 96%;
    height: 96%;

    display:flex;
    flex-direction: column;
    justify-content: center;

}

.mybtn-content:hover{
    cursor: pointer;
    background: rgb(210, 221, 237) ; 
   
}

.mybtn-icon{
    border: 2px solid  rgb(8, 91, 216) ;
    background-color:  rgb(8, 91, 216, 0.1) ;
    border-radius: 25%;
    width: 50%;
    height: 60%;

    margin: auto;
    text-align: center;
    
    display:flex;
    align-items: center;
    justify-content: center;
    
}

.mybtn-icon i{
    font-size: 50px;
    text-align: center;
    color:  rgb(8, 91, 216) ;
    text-shadow: 1px 1px 5px #558ABB;
    
}

.mybtn-title{
  
    width: 90%;
    height: 20%;

    text-align: center;
    font-size: 16px;
    color: rgb(8, 91, 216) ;
    font-weight: bold;

    margin: auto;

    display:flex;
    align-items: center;
    justify-content: center;
}

.mybtn-sombras{
    text-shadow: 2px 2px 5px #558ABB;
}



.mybtn-disabled {
    border: 1px solid rgb(108, 108, 108) ;
    background: rgb(103, 104, 104) ;
    border-radius: 7%;

    margin:5px;

    width: 230px;
    height: 150px;

    display:flex;
    justify-content: center;
    align-items: center;

    box-shadow: 2px 2px 10px  rgb(108, 108, 108) ;

}

.mybtn-content-disabled {
    border: 1px solid rgb(108, 108, 108) ;
    background: #c8c6c6 ;
    border-radius: 7%;
    
    width: 96%;
    height: 96%;

    display:flex;
    flex-direction: column;
    justify-content: center;
}