/* Круг с иконкой в центре*/
.pulse {
    background: #4fbaea;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    cursor:pointer;
    /* Позиционируем круг в центре */
    position: fixed;
    right: 0;
    bottom: 10%;
    /* Двигаем кнопку как нужно */
    transform: translate(-50%, -50%);
    /* Иконку трубки выравниваем по центру */
    text-align: center;
    /* Задаем размер и цвет */
    line-height: 1.8em;
    color: #fff;
    font-size: 2em;
}
.pulse:hover{
    background: #299dd1;
}
@media (min-width: 767px) {
   .pulse{
   bottom: 15%;
   }
}


/* Рамка вокруг кнопки */
 .pulse:before, .pulse:after {
    content: " ";
    display: block;
    position: absolute;
    border: 50%;
    border: 1px solid #4fbaea;
    left: -20px;
    right: -20px;
    top: -20px;
    bottom: -20px;
    border-radius: 50%;
}

/* Добавленем анимацию для кнопки */
.pulse:before,
.pulse:after {
    animation: animate 1.5s linear infinite;
}

@keyframes animate
{
0%
{
    transform: scale(0.5);
    opacity: 0;
}
50%
{
    opacity: 1;
}
100%
{
    transform: scale(1.2);
    opacity: 0;
}
}