 
  .border-top { border-top: 1px solid #e5e5e5; }
  .border-bottom { border-bottom: 1px solid #e5e5e5; }
  
  .box-shadow { box-shadow: 0 .25rem .75rem rgba(255, 0, 0, 0); }
  
  .interactive-zone-1 {
    position: relative;
    top: -auto;
    left: 35px;
    width: 20px;
    height: 20px;
    border: 0 none;
    border-radius: 50%;
    background: #ff0000;
     transition: all 0.2s;
      animation: radar 1s 0s ease-out infinite;
    box-shadow: 0 0 0 #ff0000;
    cursor: pointer;
    
    &.is-stopped {
      animation: none;
      transition: all .275s;
    }
    
    &:before {
      content: "";
      position: absolute;
      top: -16px;
      right: -16px;
      bottom: -16px;
      left: -16px;
      border-radius: 50%;
      pointer-event: all;
    }
  }
  
  @keyframes radar {
    0% {
      box-shadow: 0 0 8px 6px #ff0000, 0 0 0px 0px transparent, 0 0 0px 0px #ff0000;
    }
    10% {
      box-shadow: 0 0 8px 6px #ff0000, 0 0 12px 10px transparent, 0 0 12px 14px #ff0000;
    }
    100% {
      box-shadow: 0 0 8px 6px rgba(26, 140, 255, 0), 0 0 0px 40px transparent, 0 0 0px 40px rgba(26, 140, 255, 0);
    }
  }

  p {
    font-size: 20px !important;
  }