.ebmnt1-fixed-cta {
    position: fixed;
    left: 1em;
    bottom: 1em;
    z-index: 120;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.7em;
    opacity: 0;
    visibility: hidden;
    transform: translateY(2rem);
    transition: all var(--ebmnt1-duration-slow) var(--ebmnt1-ease-main);
}

.ebmnt1-fixed-cta.is-visible {
    opacity: 1;
    visibility: visible;
    transform: none;
}

.ebmnt1-fixed-cta__item {
    display: flex;
    align-items: center;
    gap: 0.6em;
    padding: 0.35em 1.1em 0.35em 0.35em;
    border-radius: var(--ebmnt1-radius-pill);
    font-size: var(--ebmnt1-fs-small);
    font-weight: 700;
    line-height: 1;
    box-shadow: 0 0.5rem 1.5rem var(--ebmnt1-color-fixed-shadow);
    transition: transform var(--ebmnt1-duration-fast) var(--ebmnt1-ease-main);
}

.ebmnt1-fixed-cta__item:hover {
    transform: translateY(-0.2rem) scale(1.04);
}

.ebmnt1-fixed-cta__item--whatsapp {
    background-color: var(--ebmnt1-color-fixed-whatsapp-bg);
    color: var(--ebmnt1-color-fixed-whatsapp-text);
    --ebmnt1-pulse-color: var(--ebmnt1-color-fixed-whatsapp-pulse);
}

.ebmnt1-fixed-cta__item--call {
    background-color: var(--ebmnt1-color-fixed-call-bg);
    color: var(--ebmnt1-color-fixed-call-text);
    --ebmnt1-pulse-color: var(--ebmnt1-color-fixed-call-pulse);
}

.ebmnt1-fixed-cta__icon {
    position: relative;
    display: grid;
    place-items: center;
    width: 2.6rem;
    aspect-ratio: 1;
    border-radius: var(--ebmnt1-radius-circle);
    font-size: var(--ebmnt1-fs-icon-medium);
}

.ebmnt1-fixed-cta__item--whatsapp .ebmnt1-fixed-cta__icon {
    background-color: var(--ebmnt1-color-fixed-whatsapp-icon-bg);
    color: var(--ebmnt1-color-fixed-whatsapp-icon);
}

.ebmnt1-fixed-cta__item--call .ebmnt1-fixed-cta__icon {
    background-color: var(--ebmnt1-color-fixed-call-icon-bg);
    color: var(--ebmnt1-color-fixed-call-icon);
}

.ebmnt1-fixed-cta__icon::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: var(--ebmnt1-radius-circle);
    animation: ebmnt1-pulse 2s ease-out infinite;
}

.ebmnt1-fixed-cta__item:hover .ebmnt1-fixed-cta__icon i {
    animation: ebmnt1-shake 0.6s ease-in-out;
}

@keyframes ebmnt1-pulse {
    0% {
        box-shadow: 0 0 0 0 var(--ebmnt1-pulse-color);
    }

    100% {
        box-shadow: 0 0 0 0.9rem transparent;
    }
}

@keyframes ebmnt1-shake {
    0%,
    100% {
        transform: rotate(0deg);
    }

    25% {
        transform: rotate(-18deg);
    }

    75% {
        transform: rotate(18deg);
    }
}

@media (min-width: 768px) {
    .ebmnt1-fixed-cta {
        left: 1.5em;
        bottom: 1.5em;
    }

    .ebmnt1-fixed-cta__item {
        font-size: var(--ebmnt1-fs-body);
    }
}