/* ==========================================================
   BOTÓN BROCHURE - LGP
========================================================== */

/* ==========================================
   CONTENEDOR
========================================== */

.lgp-btn-brochure{
    margin:0;
    padding:0;
    line-height:0;
}

.lgp-btn-brochure .elementor-widget-container{
    margin:0 !important;
    padding:0 !important;
    line-height:0;
}

/* ==========================================
   BOTÓN
========================================== */

.lgp-btn-brochure .elementor-button{
    position:relative;
    overflow:hidden;

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

    margin:0;
    padding:0 28px;

    line-height:1;
    text-transform:uppercase;
    text-decoration:none;
    vertical-align:top;

    border:none;
    border-radius:0;
    box-shadow:none;

    clip-path:polygon(
        20px 0,
        100% 0,
        100% calc(100% - 20px),
        calc(100% - 20px) 100%,
        0 100%,
        0 20px
    );

    transition:
        background-color .35s ease,
        color .35s ease,
        transform .35s ease;
}

/* ==========================================
   BRILLO
========================================== */

.lgp-btn-brochure .elementor-button::before{
    content:"";
    position:absolute;
    top:0;
    left:-120%;

    width:60px;
    height:100%;

    background:linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,.55),
        transparent
    );

    transform:skewX(-25deg);
    transition:left .7s ease;

    pointer-events:none;
}

/* ==========================================
   HOVER
========================================== */

.lgp-btn-brochure .elementor-button:hover{
    background:#D96A2D;
    transform:translateY(-2px);
}

.lgp-btn-brochure .elementor-button:hover::before{
    left:130%;
}

/* ==========================================================
   LAPTOP
========================================================== */

@media (min-width:1025px) and (max-width:1200px){

    .lgp-btn-brochure .elementor-button{
        font-size:16px !important;
    }

}


/* ==========================================================
   MOBILE
========================================================== */

@media (max-width:767px){

    .lgp-btn-brochure .elementor-button{
        -webkit-clip-path:polygon(
            10px 0,
            100% 0,
            100% calc(100% - 10px),
            calc(100% - 10px) 100%,
            0 100%,
            0 10px
        );

        clip-path:polygon(
            10px 0,
            100% 0,
            100% calc(100% - 10px),
            calc(100% - 10px) 100%,
            0 100%,
            0 10px
        );
    }

}