
.blockUI.blockMsg.blockElement {
  width: 48px;
  height: 48px;
  border: 5px solid #FFF;
  border-color: var(--amoksys-color-primary);
  border-radius: 50%;
  box-sizing: border-box;
  position: relative;
  animation: blockUIAnimPulse 1s linear infinite;
  display:block!important;
}
.blockUI.blockMsg.blockElement:after {
  content: '';
  position: absolute;
  width: 48px;
  height: 48px;
  border: 5px solid #FFF;
  border-color: var(--amoksys-color-secondary);
  border-radius: 50%;
  box-sizing: border-box;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  animation: blockUIAnimScaleUp 1s linear infinite;
}

@keyframes blockUIAnimScaleUp {
  0% { transform: translate(-50%, -50%) scale(0) }
  60% , 100% { transform: translate(-50%, -50%)  scale(1)}
}
@keyframes blockUIAnimPulse {
  0% , 60% , 100%{ transform:  scale(1) }
  80% { transform:  scale(1.2)}
}

