/* Floating actions: WhatsApp and consent preferences */
#simple-chat-button--container {
    position: fixed !important;
    right: auto !important;
    bottom: 20px !important;
    left: 84px !important;
    z-index: 9998 !important;
    width: 52px !important;
    height: 52px !important;
    margin: 0 !important;
}

#simple-chat-button--button,
.faz-btn-revisit-wrapper .faz-btn-revisit {
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 52px !important;
    height: 52px !important;
    min-width: 52px !important;
    min-height: 52px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 5px !important;
    color: #ffffff !important;
    background-color: #0e1e2d !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: 27px auto !important;
    box-shadow: 0 4px 12px rgb(14 30 45 / 22%) !important;
    transition: background-color 180ms ease, box-shadow 180ms ease,
        transform 180ms ease !important;
}

#simple-chat-button--button:hover,
.faz-btn-revisit-wrapper .faz-btn-revisit:hover {
    background-color: #ee6c14 !important;
    box-shadow: 0 6px 16px rgb(14 30 45 / 28%) !important;
    transform: translateY(-1px);
}

#simple-chat-button--button::before,
#simple-chat-button--button::after {
    border-radius: 5px !important;
}

#simple-chat-button--button:focus-visible,
.faz-btn-revisit-wrapper .faz-btn-revisit:focus-visible {
    outline: 3px solid rgb(238 108 20 / 35%);
    outline-offset: 3px;
}

#simple-chat-button--text {
    display: none !important;
}

.faz-btn-revisit-wrapper.faz-revisit-bottom-left {
    position: fixed !important;
    right: auto !important;
    bottom: 20px !important;
    left: 20px !important;
    z-index: 9998 !important;
    width: 52px !important;
    height: 52px !important;
    margin: 0 !important;
    transform: none !important;
}

.faz-btn-revisit-wrapper .faz-btn-revisit svg {
    width: 27px !important;
    height: 27px !important;
}

@media (max-width: 767px) {
    #simple-chat-button--container {
        bottom: calc(12px + env(safe-area-inset-bottom, 0px)) !important;
        left: 70px !important;
        width: 46px !important;
        height: 46px !important;
    }

    .faz-btn-revisit-wrapper.faz-revisit-bottom-left {
        bottom: calc(12px + env(safe-area-inset-bottom, 0px)) !important;
        left: 12px !important;
        width: 46px !important;
        height: 46px !important;
    }

    #simple-chat-button--button,
    .faz-btn-revisit-wrapper .faz-btn-revisit {
        width: 46px !important;
        height: 46px !important;
        min-width: 46px !important;
        min-height: 46px !important;
        background-size: 24px auto !important;
    }

    .faz-btn-revisit-wrapper .faz-btn-revisit svg {
        width: 24px !important;
        height: 24px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    #simple-chat-button--button,
    .faz-btn-revisit-wrapper .faz-btn-revisit {
        transition: none !important;
    }
}