/* This is my awesome custom button */
.mybutton, .bttext {
    width: 100px;
    height: 34px;
    line-height: 34px;/*same than height*/
    text-decoration: none;
}

.mybutton {    
    /*display: -webkit-box;    
    display: -ms-flexbox;    
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;*/
    text-align: left;/* a little correction */   
    position: relative;
}

.sectionbuttons .mybutton {
    /*padding-top: 15px;*/
    top: 15px;
}

.bteffect {
    -webkit-filter: url("#goo");
    filter: url("#goo");
    /*padding: 50px;*/
    position: absolute;
    width: calc(100% + 100px);
    height: calc(100% + 100px);
    top: -50px;
    left: -50px;
}

.bttext {
    font-family: 'Varela Round', sans-serif;
    font-size: 16px;
    background: white;/* Put here the color of the hover text, it's a little hack with js */
    color: #3080f1;
    position: absolute;
    text-align: center; 
    cursor: pointer;
    left: 0;
}

.btbox {
    position: absolute;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: solid #3080f1 2px;
    border-radius: 5px;
    background: #3080f1;
    /*width: 100%;
    height: 100%;
    display: block;*/    
    width: calc(100% - 100px);
    height: calc(100% - 100px);    
    top: 50px;
    left: 50px;
}

/* Section inverse buttons */
#aplicaciones-juegos .bttext {
    background: #e8803a;/* Put here the color of the hover text, it's a little hack with js */
    color: white;
}

#identidad-corporativa .bttext {
    background: #709e02;
    color: white;
}

#render-animacion .bttext {
    background: #6268b7;
    color: white;
}

#aplicaciones-juegos .btbox, #identidad-corporativa .btbox, #render-animacion .btbox {    
    border: solid white 2px;
    background: white;
}