.btn-wsp {
    position: fixed;
    width: 60px; /* Ajusta el ancho del botón */
    height: 60px; /* Ajusta la altura del botón */
    line-height: 60px; /* Centra verticalmente el ícono */
    bottom: 70px; /* Distancia desde la parte inferior */
    right: 10px; /* Ajusta según sea necesario */
    background: #25d366; /* Color de fondo de WhatsApp */
    color: #FFFFFF; /* Color del ícono */
    border-radius: 50%; /* Hace que el botón sea circular */
    text-align: center;
    font-size: 30px; /* Tamaño del ícono de WhatsApp */
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.3); /* Sombra del botón */
    z-index: 100; /* Asegura que el botón esté encima de otros elementos */
    transition: all 300ms ease; /* Transición suave al pasar el ratón */
}

.btn-wsp:hover {
    background: white; /* Color de fondo al pasar el ratón */
    color: #20ba5a;
}

@media only screen and (max-width: 768px) {
    .btn-wsp {
        width: 50px; /* Ajusta el tamaño del botón en pantallas pequeñas */
        height: 50px;
        line-height: 50px; /* Asegura que el ícono esté centrado verticalmente */
        font-size: 24px; /* Ajusta el tamaño del ícono para pantallas pequeñas */
    }
}