/* Buttons */
.button,
button,
input[type="submit"]{ border: none; display: flex; align-items: center; justify-content: center; text-decoration: none; border: 1px solid #ffffff59; border-radius: 5px; background: linear-gradient(108deg, #FF5407 -11.53%, #993204 138%); backdrop-filter: blur(4px); color: #FFF; padding: 21px 86px; font-weight: 700; transition: all 0.3s ease; }

/* Shimmer hover — solo .button y button (input no soporta ::before) */
.button, button { position: relative; overflow: hidden; }
.button::before, button::before { content: ''; position: absolute; top: 0; left: 0; width: 60%; height: 100%; background: linear-gradient(110deg, transparent, rgba(255, 255, 255, 0.22), transparent); transform: translateX(-150%) skewX(-12deg); transition: transform 0.7s cubic-bezier(0.4, 0, 0.2, 1); pointer-events: none; }
.button:hover::before, button:hover::before { transform: translateX(300%) skewX(-12deg); }

.button:hover,
button:hover,
input[type="submit"]:hover{ transform: scale(1.05); }

/* Hovers */
.button.hover-transparent-white:hover{ background: transparent; color: var(--white); border-color: var(--white); }
.button.hover-transparent-black:hover{ background: transparent; color: var(--black); border-color: var(--black); }

/* Arrowed */
.button.arrowed i{ font-size: 13px; margin-left: 5px; }

@media screen and (max-width: 1280px){

    .button{ padding: 12px 20px; font-size: 16px; }

}

@media screen and (max-width: 1023px){
    
}

@media screen and (max-width: 767px){
    
}

@media screen and (max-width: 540px){
    
}