#help-link {
  position: relative;
  height: 48px;
  width: 48px;
  min-width: 48px;
}

.help-link *:hover,
.help-link * {
  color: inherit;
}

.help-link .bill-tooltip {
  max-width: 150px;
}

.help-link__link {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 8px 10px 8px 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  border-radius: 50%;
  border: none;
  background-color: transparent;
  transition: all 0.25s ease-in-out;
  animation: tilt-shaking 0.2s 10;
}

@keyframes tilt-shaking {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(15deg);
  }
  50% {
    transform: rotate(0deg);
  }
  75% {
    transform: rotate(-15deg);
  }
  100% {
    transform: rotate(0deg);
  }
}

.help-link__link:hover .help-link__link-overlay {
  opacity: 0.04;
}

.help-link__link-overlay {
  background: currentColor;
  border-radius: inherit;
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.help-link.light {
  color: #b00020;
}

.help-link.light .help-link__icon--dark{
  display: none;
}

.help-link.dark {
  color: #e6e6ff;
}

.help-link.dark .help-link__icon--light {
  display: none;
}