.fixed-cta {
    position: fixed;
    z-index: 9999;
    display: flex;
    box-shadow: 0 -2px 10px rgba(0,0,0,.15);
}

    .fixed-cta .cta-btn {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        font-size: 15px;
        font-weight: 600;
        color: #fff;
        text-decoration: none;
        transition: background-color .25s ease;
    }

        .fixed-cta .cta-btn span, .fixed-cta .cta-btn span strong {
            color: #fff;
            font-weight: bold !important;
            font-family: sans-serif;
        }

        .fixed-cta .cta-btn.whatsapp span, .fixed-cta .cta-btn.whatsapp span strong, .fixed-cta .cta-btn.whatsapp i {
            color: #000;
        }

    .fixed-cta .whatsapp {
        background: #25D366;
    }

        .fixed-cta .whatsapp:hover {
            background: #1ebe5d;
        }

    .fixed-cta .appointment {
        background: #1e2a69;
    }

        .fixed-cta .appointment:hover {
            background: #2a3a8f;
        }

@media (max-width: 991px) {
    .fixed-cta {
        left: 0;
        right: 0;
        bottom: 0;
        height: 60px;
    }

        .fixed-cta .cta-btn {
            flex: 1;
            height: 100%;
        }
}

@media (min-width: 992px) {
    .fixed-cta {
        right: 20px;
        bottom: 20px;
        flex-direction: column;
        border-radius: 10px;
        overflow: hidden;
    }

        .fixed-cta .cta-btn {
            width: 220px;
            height: 55px;
        }

            .fixed-cta .cta-btn + .cta-btn {
                border-top: 1px solid rgba(255,255,255,.2);
            }
}