


.seccionbot {
  
  font-family: "Montserrat","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-weight: 700;
  font-size: 18px;
  
}

/* Hover 1 */



.boton-linea-ext:hover a,
.boton-white-ext:hover a {
  
  -webkit-text-fill-color: orange;
}



.boton-linea-ext .linea1,
.boton-linea-ext .linea2,
.boton-linea-ext2 .linea1_1,
.boton-linea-ext2 .linea2_2,
.boton-white-ext .linea1,
.boton-white-ext .linea2,
.boton-white-ext2 .linea1_1,
.boton-white-ext2 .linea2_2 {
  top: 0;
  right: 0;
}

.boton-linea-ext .linea3,
.boton-linea-ext .linea4,
.boton-linea-ext2 .linea3_2,
.boton-linea-ext2 .linea4_2,
.boton-white-ext .linea3,
.boton-white-ext .linea4,
.boton-white-ext2 .linea3_2,
.boton-white-ext2 .linea4_2 {
  bottom: 0;
  left: 0;
}

.boton-linea-ext .linea1,
.boton-linea-ext .linea3,
.boton-linea-ext2 .linea1_2,
.boton-linea-ext2 .linea3_2,
.boton-white-ext .linea1,
.boton-white-ext .linea3,
.boton-white-ext2 .linea1_2,
.boton-white-ext2 .linea3_2 {
  height: 3px;
  width: 18px;
}

.boton-linea-ext .linea2,
.boton-linea-ext .linea4,
.boton-linea-ext2 .linea2_2,
.boton-linea-ext2 .linea4_2,
.boton-white-ext .linea2,
.boton-white-ext .linea4,
.boton-white-ext2 .linea2_2,
.boton-white-ext2 .linea4_2{
  height: 18px;
  width: 3px;
}


.boton-linea-ext:hover .linea1,
.boton-linea-ext:hover .linea3,
.boton-linea-ext:active .linea1,
.boton-linea-ext:active .linea3,
.boton-white-ext:hover .linea1,
.boton-white-ext:hover .linea3,
.boton-white-ext:active .linea1,
.boton-white-ext:active .linea3 {
  width: 100%;

background: -o-linear-gradient(left, orange 0%,darkorange 56%, orange 100%);
background: -ms-linear-gradient(left, orange 0%, darkorange 56%, orange 100%);
background: linear-gradient(to right, orange 0%, darkorange 56%, orange 100%);

}

.boton-linea-ext:hover .linea2,
.boton-linea-ext:active .linea2,
.boton-white-ext:hover .linea2,
.boton-white-ext:active .linea2{
  height:100%;
  background: orange;
}

.boton-linea-ext:hover .linea4,
.boton-linea-ext:active .linea4,
.boton-white-ext:hover .linea4,
.boton-white-ext:active .linea4{
  height:100%;
  background: orange;
}

/* Hover 2 */



.boton-linea-ext2 .linea1_2,
.boton-linea-ext2 .linea2_2,
.boton-white-ext2 .linea1_2,
.boton-white-ext2 .linea2_2 {
  top: 0;
  right: 0;
}

.boton-linea-ext2:hover .linea1_2,
.boton-linea-ext2:hover .linea3_2,
.boton-linea-ext2:active .linea1_2,
.boton-linea-ext2:active .linea3_2,
.boton-white-ext2:hover .linea1_2,
.boton-white-ext2:hover .linea3_2,
.boton-white-ext2:active .linea1_2,
.boton-white-ext2:active .linea3_2{
  width: 100%;
  background: rgba(230,187,117,1);
background: -moz-linear-gradient(left, rgba(230,187,117,1) 0%, rgba(227,98,98,1) 56%, rgba(189,42,187,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(230,187,117,1)), color-stop(56%, rgba(227,98,98,1)), color-stop(100%, rgba(189,42,187,1)));
background: -webkit-linear-gradient(left, rgba(230,187,117,1) 0%, rgba(227,98,98,1) 56%, rgba(189,42,187,1) 100%);
background: -o-linear-gradient(left, rgba(230,187,117,1) 0%, rgba(227,98,98,1) 56%, rgba(189,42,187,1) 100%);
background: -ms-linear-gradient(left, rgba(230,187,117,1) 0%, rgba(227,98,98,1) 56%, rgba(189,42,187,1) 100%);
background: linear-gradient(to right, rgba(230,187,117,1) 0%, rgba(227,98,98,1) 56%, rgba(189,42,187,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6bb75', endColorstr='#bd2abb', GradientType=1 );
}

.boton-linea-ext2:hover .linea2_2,
.boton-linea-ext2:active .linea2_2,
.boton-white-ext2:hover .linea2_2,
.boton-white-ext2:active .linea2_2 {
  height:100%;
  background: #bd2abb;
}

.boton-linea-ext2:hover .linea4_2,
.boton-linea-ext2:active .linea4_2,
.boton-white-ext2:hover .linea4_2,
.boton-white-ext2:active .linea4_2{
  height:100%;
  background: #e6bb75;
}

/* WHITE VERSIONS */

.boton-white-ext a,
.boton-white-ext2 a {
  text-decoration: none;
  color: #fff;
}

.boton-white-ext,
.boton-white-ext2 {
    padding: 4px 18px;
    border: none;
    background: transparent;
    color: #333;
    
    float: left;
    position: relative;
    line-height: 45px;
    cursor: pointer;
    
}

.boton-white-ext span,
.boton-white-ext2 span {
  position: absolute;
  background-color: #fff;
  display: block;
  transition: all 300ms; 
}

