@keyframes pulseBig {
  0% {
    box-shadow: 0 0 0 0 rgba(255,255,255, 0.4); }
  70% {
    box-shadow: 0 0 0 30px rgba(255,255,255, 0); }
  100% {
    box-shadow: 0 0 0 0 rgba(255,255,255, 0); } }

@mixin pulseBlue() {
  box-shadow: 0 0 0 rgba(75, 97, 221, 1);
  animation: pulseBlue 2s infinite;
}

@keyframes pulseBlue {
  0% {
    box-shadow: 0 0 0 0 rgba(75, 97, 221, 0.4); }
  70% {
    box-shadow: 0 0 0 30px rgba(75, 97, 221, 0); }
  100% {
    box-shadow: 0 0 0 0 rgba(75, 97, 221, 0); } }
    
.bgb {
    z-index: 2;
    background-size: 22px;
    background-repeat: no-repeat;
    background-position: 53% 33%;
    position: relative;
    box-shadow: 0 0 0 #4b61dd;
    -webkit-animation: pulseBlue 2s infinite;
    animation: pulseBlue 2s infinite;
}

@keyframes pulseRed {
  0% {
    box-shadow: 0 0 0 0 rgba(255,255,255, 0.4); }
  70% {
    box-shadow: 0 0 0 30px rgba(255,255,255, 0); }
  100% {
    box-shadow: 0 0 0 0 rgba(255,255,255, 0); } }

@mixin pulseRed() {
  box-shadow: 0 0 0 rgba(75, 97, 221, 1);
  animation: pulseBlue 2s infinite;
}

@keyframes pulseRed {
  0% {
    box-shadow: 0 0 0 0 rgba(208 1 27 / 45%); }
  70% {
    box-shadow: 0 0 0 5px rgba(208 1 27 / 58%); }
  100% {
    box-shadow: 0 0 0 0 rgba(208 1 27 / 55%); } }

.bgb1 {
    z-index: 2;
    background-size: 22px;
    background-repeat: no-repeat;
    background-position: 53% 33%;
    position: relative;
    box-shadow: 0 0 0 #d0011b;
    -webkit-animation: pulseRed 0.5s infinite;
    animation: pulseRed 0.5s infinite;
}