.invite-b1 {
    position: fixed;
    bottom: 20px;
    left:0;
    font-size: 16px; /* Размер текста */
    text-align: center; /* Выравнивание текста */
    line-height: 110%;
    animation: blink 8s ease infinite, tuda-suda 12s ease infinite; 
    z-index: 300;
    color: #000;
}


/* Анимация мигающего бордера */
@keyframes blink {
  0% {background-color: #ff983c; }
  20% {background-color: #ffb161; }
  40% {background-color: #ffeeb1; }
  80% { background-color: #ffb161; }
  100% {background-color: #ff983c; }
}

@keyframes tuda-suda {
  0% { left: 80px; }
  1% { left: 0; }
  2% { left: 20px; }
  3% { left: 0; }
  4% { left: 10px; }
  5% { left: 0; }
}  

/* */
.shake-content {
  animation: shake 14s infinite;
}
@keyframes shake {
  0%, 20%, 100% { /* Спокойное состояние большую часть времени */
    transform: translateX(0);
  }
  2% { /* Быстрое движение влево */
    transform: translateX(-20px);
  }
  3% { /* Быстрое движение вправо */
    transform: translateX(20px);
  }
  4% { /* Обратно влево */
    transform: translateX(-20px);
  }
  5% { /* Возврат в центр */
    transform: translateX(0);
  }
}

/**/
.registeralert-container{
    position: fixed;
    z-index: 3000;
    bottom: 10px;
    left: 10px;
    width: 320px;

}
.registeralert-container a{ color:#fff ; text-decoration: none;     background: #4B84C9;
    color: #fff;
    text-decoration: none;}

.registeralert{
  --container-height: 50px; /* Переменная для высоты */
  height: var(--container-height);
  overflow: hidden;
}
.animate-register-alert {
  animation: scrollUp 14s infinite;
}

@keyframes scrollUp {
  0% { /* 0с - начало, невидимо */
    transform: translateY(0);
    opacity: 0;
  }
  5% { /* 3с - конец появления */
    transform: translateY(0);
    opacity: 1;
    animation-timing-function: linear;
  }
  20% { /* 0с - начало, невидимо */
    transform: translateY(0);
    opacity: 1;
  }  
  90% { /* 23с - конец скроллинга */
    transform: translateY(calc(-100% + var(--container-height)));
    opacity: 1;
  }
  100% { /* 28с - конец паузы */
    transform: translateY(calc(-100% + var(--container-height)));
    opacity: 1;
  }
}