.banner button {
    padding: 16px 26px;
    border-radius: 50px;
    border: 0;
    background: rgb(0 0 0 / 40%);
    backdrop-filter: blur(8px);
    color: #f9f9f9;
    font-size: 2.5vw; /* Ajuste dinámico del tamaño de fuente */
    font-family: inherit;
}

.boton-opaco-seetgrough {
    padding: 16px 26px;
    border-radius: 50px;
    border: 0;
    background: rgb(0 0 0 / 40%);
    backdrop-filter: blur(8px);
    color: #f9f9f9;
    font-size: 110% !important; /* Tamaño de fuente relativo para adaptarse */
    font-family: inherit;
}

.boton-opaco-seetgrough:active {
    transform: translateY(5px); /* Mueve el botón 7px hacia abajo */
}

.boton-opaco-seetgrough:hover {
    background-color: #ea9696;
}