.bubble-h {
    display: block; 
    position: relative;
    cursor: pointer; 
  }
  
  .bubble-h:hover:after {
    background-color: #7ED957
  }
  
  .bubble-h:after {
    content: "";
    background-color: #7ED957;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    position: absolute;
    display: block;
    top: 1px;
    left: 1px;
  }
  
  .bubble-h .bubble-outer-dot {
    margin: 1px;
    display: block;
    text-align: center;
    opacity: 1;
    background-color: #7ED957;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    -webkit-animation: bubble-pulse 1.5s linear infinite;
    -moz-animation: bubble-pulse 1.5s linear infinite;
    -o-animation: bubble-pulse 1.5s linear infinite;
    animation: bubble-pulse 1.5s linear infinite
  }
  
  .bubble-h .bubble-inner-dot {
   
    display: block;
    text-align: center;
    opacity: 1;
    background-color: #7ED957;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    -webkit-animation: bubble-pulse 1.5s linear infinite;
    -moz-animation: bubble-pulse 1.5s linear infinite;
    -o-animation: bubble-pulse 1.5s linear infinite;
    animation: bubble-pulse 1.5s linear infinite
  }
  
  .bubble-h .bubble-inner-dot:after {
    content: "";
    display: block;
    text-align: center;
    opacity: 1;
    background-color: #7ED957;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    -webkit-animation: bubble-pulse 1.5s linear infinite;
    -moz-animation: bubble-pulse 1.5s linear infinite;
    -o-animation: bubble-pulse 1.5s linear infinite;
    animation: bubble-pulse 1.5s linear infinite
  }
  
  @-webkit-keyframes bubble-pulse {
    0% {
      transform: scale(1);
      opacity: .75
    }
    25% {
      transform: scale(1);
      opacity: .75
    }
    100% {
      transform: scale(2.5);
      opacity: 0
    }
  }
  
  @keyframes bubble-pulse {
    0% {
      transform: scale(1);
      opacity: .75
    }
    25% {
      transform: scale(1);
      opacity: .75
    }
    100% {
      transform: scale(2.5);
      opacity: 0
    }
  }
  
  @-moz-keyframes bubble-pulse {
    0% {
      transform: scale(1);
      opacity: .75
    }
    25% {
      transform: scale(1);
      opacity: .75
    }
    100% {
      transform: scale(2.5);
      opacity: 0
    }
  }
  
  @-o-keyframes bubble-pulse {
    0% {
      transform: scale(1);
      opacity: .75
    }
    25% {
      transform: scale(1);
      opacity: .75
    }
    100% {
      transform: scale(2.5);
      opacity: 0
    }
  }
  
  
  /*Center-div (Not part of the symbol)*/
  
  #center-div {
    display: flex;
    gap: 10px;
    align-items: center;
    position: relative;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: auto;
    height: auto;
  }
  #center-div h4{
    margin: 0;
    color: #282C34;
  }