.jug-profile-ranking-chip:hover {
  transform: translateY(-1px);
  border-color: rgba(201, 162, 39, 0.78) !important;
  box-shadow: 0 4px 9px rgba(2, 6, 23, 0.09), inset 0 0 0 1px rgba(255, 255, 255, 0.68) !important;
}

.jug-profile-ranking-chip:focus-visible {
  outline: 1px solid rgba(201, 162, 39, 0.82);
  outline-offset: 1px;
}

.jug-profile-ranking-chip:active {
  transform: translateY(0);
  box-shadow: 0 2px 5px rgba(2, 6, 23, 0.08), inset 0 0 0 1px rgba(255, 255, 255, 0.60) !important;
}