.glow-neon-button {
    position: relative;
    overflow: hidden;
    z-index: 1;
}
.glow-neon-button .neon-border {
    position: absolute;
    top: 0;
    left: -100%;
    width: 200%;
    height: 100%;
    background: linear-gradient(to right, transparent, #00f0ff, transparent);
    opacity: 0.8;
    pointer-events: none;
    z-index: -1;
    transition: background 0.5s ease-in-out;
}
.protip-wish-btn svg.feather.feather-bell {
  opacity: 0;
  border: none;
  background-color: #FFF;
  border-radius: 100%;
  stroke: #000;
  padding: 5px;
  width: 28px;
  height: 28px;
  margin: 0 3px 0;
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.protip-wish-btn svg.feather.feather-bell:hover {
  stroke: var(--info) !important;
  fill: var(--info) !important;
  cursor: pointer !important;
}
.protip-wish-btn svg.feather.feather-bar-chart {
  border: 1px solid #fff !important;
  background-color: #FFF;
  border-radius: 100%;
  stroke: #000 !important;
  padding: 5px;
  width: 28px;
  height: 28px;
  margin: 0 3px 0;
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.protip-wish-btn svg.feather.feather-bar-chart:hover {
  stroke: var(--orange) !important;
  fill: var(--orange) !important;
  color: var(--orange) !important;
  cursor: pointer !important;
  opacity: 1 !important;
  border: 1px solid #fff;
}