/*boton con animacion*/
.boton-wrap {
    border: 2px solid #99999921;
    width: 100%;
    height: 115px;
    border-radius: 85px;
    overflow: hidden;
    cursor: pointer;
}

.arrow {
    float: right;
    margin-top: -92px;
    margin-right: 45px;
}

.arrow img {
    width: 75px;
    filter: grayscale(100%);
    transition: all 0.4s;
}

.field--name-field-enlace {
    background: linear-gradient(to right, #232323 0%, #314597 40%, #2892EC 100%);
}

.field--name-field-enlace {
    width: 100%;
    height: 115px;
    border-radius: 85px;
    padding-left: 50px;
    position: relative;
    transition: width 0.4s;
}

.field--name-field-enlace a {
    color: white;
    font-size: 35px;
    float: left;
    margin-top: 32px;
    text-decoration: none;
}

.button-hover {
    width: 80% !important;
    transition: width 0.4s;
}

.arrow-hover img {
    filter: none !important;
}

@media screen and (max-width: 1200px) {
    .field--name-field-enlace a {
        font-size: 23px;
    }

    .boton-wrap {
        width: 86%;
    }
}

/*fin boton con animacion*/