/* Основен контейнер */
.webselo-mcb-call-button-wrap {
    position: fixed; /* offsets идват inline */
    z-index: 9999;
}

/* Бутон (слушалка) */
.webselo-mcb-call-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff; /* цвят на иконата */
    border-radius: 50%;
    text-decoration: none;
    box-shadow: 0 4px 10px rgba(0,0,0,0.2);
}

/* Hover */
.webselo-mcb-call-button:hover {
    text-decoration: none;
    opacity: 0.85;
}

/* Иконка */
.webselo-mcb-phone-icon {
    font-size: 28px;
    line-height: 1;
}

/* Уникален клас */
.webselo-unique-phone-style { }

/* 1) pulse_1 */
@keyframes webselo-pulse-1 {
    0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(0,0,0,0.3); }
    70% { transform: scale(1);   box-shadow: 0 0 0 10px rgba(0,0,0,0); }
    100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(0,0,0,0); }
}
.webselo-animate-pulse_1 {
    animation-name: webselo-pulse-1;
    animation-iteration-count: infinite;
}

/* 2) pulse_2 */
@keyframes webselo-pulse-2 {
    0% { transform: scale(0.9); }
    50% { transform: scale(1.1); }
    100% { transform: scale(0.9); }
}
.webselo-animate-pulse_2 {
    animation-name: webselo-pulse-2;
    animation-iteration-count: infinite;
}

/* 3) rotate */
@keyframes webselo-rotate {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
.webselo-animate-pulse_3 {
    animation-name: webselo-rotate;
    animation-iteration-count: infinite;
}

/* 4) bounce */
@keyframes webselo-bounce {
    0%, 20%, 50%, 80%, 100% { transform: translateY(0); }
    40% { transform: translateY(-20px); }
    60% { transform: translateY(-10px); }
}
.webselo-animate-pulse_4 {
    animation-name: webselo-bounce;
    animation-iteration-count: infinite;
}

/* 5) up-down */
@keyframes webselo-up-down {
    0% { transform: translateY(0); }
    50% { transform: translateY(-10px); }
    100% { transform: translateY(0); }
}
.webselo-animate-pulse_5 {
    animation-name: webselo-up-down;
    animation-iteration-count: infinite;
}

/* 6) left-right */
@keyframes webselo-left-right {
    0% { transform: translateX(0); }
    50% { transform: translateX(10px); }
    100% { transform: translateX(0); }
}
.webselo-animate-pulse_6 {
    animation-name: webselo-left-right;
    animation-iteration-count: infinite;
}

/* 7) swing */
@keyframes webselo-swing {
    20% { transform: rotate(15deg); }
    40% { transform: rotate(-10deg); }
    60% { transform: rotate(5deg); }
    80% { transform: rotate(-5deg); }
    100% { transform: rotate(0deg); }
}
.webselo-animate-pulse_7 {
    animation-name: webselo-swing;
    animation-iteration-count: infinite;
}

/* 8) scale + fade */
@keyframes webselo-scale-fade {
    0% { transform: scale(1); opacity: 1; }
    50% { transform: scale(1.2); opacity: 0.6; }
    100% { transform: scale(1); opacity: 1; }
}
.webselo-animate-pulse_8 {
    animation-name: webselo-scale-fade;
    animation-iteration-count: infinite;
}

/* 9) wobble */
@keyframes webselo-wobble {
    0%   { transform: translateX(0%); }
    15%  { transform: translateX(-5%) rotate(-3deg); }
    30%  { transform: translateX(3%)  rotate(3deg); }
    45%  { transform: translateX(-3%) rotate(-3deg); }
    60%  { transform: translateX(2%)  rotate(2deg); }
    75%  { transform: translateX(-1%) rotate(-1deg); }
    100% { transform: translateX(0%)  rotate(0deg); }
}
.webselo-animate-pulse_9 {
    animation-name: webselo-wobble;
    animation-iteration-count: infinite;
}

/* 10) shake */
@keyframes webselo-shake {
    0%, 100% { transform: translateX(0); }
    10%, 30%, 50%, 70%, 90% { transform: translateX(-5px); }
    20%, 40%, 60%, 80% { transform: translateX(5px); }
}
.webselo-animate-pulse_10 {
    animation-name: webselo-shake;
    animation-iteration-count: infinite;
}