/**
 * Estilos CSS del FO
 *
 * @author Difadi.com	<soporte@difadi.com>
 * @author Laura Gutiérrez	<lgutierrez@difadi.com>
 * @license Comercial
 * @copyright 2025 Difadi.com
*/
.whatsapp.bottom-fixed {
    display: block;
    position: fixed;
    z-index: 99;
    bottom: 40px;
}

.whatsapp.bottom-fixed.left {
    left: 20px;
}

.whatsapp.bottom-fixed.right {
    right: 20px;
}

.whatsapp.bottom-fixed a {
    display: flex;
    flex-direction: column;
    align-items: start;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.whatsapp.bottom-fixed a:hover {
    opacity: .8
}

.whatsapp.bottom-fixed-button {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}