.admin-button-icon-target {
  position: relative;
  overflow: visible;
}

.admin-button-icon-wrapper {
  position: relative;
  display: block;
  overflow: visible;
}

.admin-button-icon-component {
  width: 100%;
  height: 100%;
  display: block;
  color: rgba(232, 240, 255, 0.6);
  transition: color 0.3s ease;
}

.admin-button-icon-component svg {
  width: 100%;
  height: 100%;
  display: block;
  overflow: visible;
}

.admin-button-icon-star {
  transition: filter 0.3s ease;
}

.admin-button-icon-target.admin-button-icon-active .admin-button-icon-component {
  color: #e8f0ff;
}

.admin-button-icon-target.admin-button-icon-active .admin-button-icon-star {
  filter: drop-shadow(0 0 0.22rem rgba(255, 215, 0, 0.95));
}

.admin-button-icon-particle {
  position: absolute;
  background: radial-gradient(circle, rgba(255, 248, 210, 0.95) 0%, rgba(255, 215, 0, 0.95) 52%, rgba(255, 215, 0, 0) 100%);
  border-radius: 50%;
  pointer-events: none;
  box-shadow: 0 0 0.45rem rgba(255, 215, 0, 0.55);
  will-change: transform, opacity;
}