.butt {
 border: none;
 background: #3a7999;
 color: #f2f2f2;
 padding: 4px;
 font-size: 18px;
 border-radius: 5px;
 position: relative;
 box-sizing: border-box;
 transition: all 500ms ease;
}
.butt:before {
 content:'';
 position: absolute;
 top: 0px;
 left: 0px;
 width: 0px;
 height: 33px;
 background: rgba(255,255,255,0.3);
 border-radius: 4px;
 transition: all 2s ease;
}
.butt:hover:before {
 width: 100%;
}
.negro{
 border: none;
 background: #000000;
 color: #f2f2f2;
 padding: 8px;
 font-size: 18px;
 /* border-radius: 5px; */
 position: relative;
 box-sizing: border-box;
 transition: all 500ms ease;
}

.rojo{
 border: none;
 background: #B40404;
 color: #f2f2f2;
 padding: 8px;
 font-size: 18px;
 /* border-radius: 5px; */
 position: relative;
 box-sizing: border-box;
 transition: all 500ms ease;
}

.asa{
 border: none;
 background: #3a7999;
 color: #f2f2f2;
 padding: 8px !important;
 font-size: 18px;
 /* border-radius: 5px; */
 position: relative;
 box-sizing: border-box;
 transition: all 500ms ease;
}
.consulta{
    /* border: none;
    background:rgba(0, 74, 135, 0.048);
    color: #f2f2f2;
    font-size: 18px;
    padding: 8px;
    box-sizing: border-box;
    position: relative;
    transition: all 500ms ease; */
   
    border: 1px solid #ffffff !important;
 background:rgba(0, 74, 135, 0.048);
 color: #f2f2f2;
 
 padding-right: 6px;
 font-size: 18px;
 /* border-radius: 5px; */
 position: relative;
 box-sizing: border-box;
 transition: all 500ms ease;
}
.consulta1{
border: none !important;
 background:rgba(0, 74, 135, 0.048);
 color: #f2f2f2;
 
 padding-right: 6px;
 font-size: 18px;
 /* border-radius: 5px; */
 position: relative;
 box-sizing: border-box;
 transition: all 500ms ease;
}