cyb/src/containers/application/MiningBadge/MiningBadge.module.scss

ฯ€ 0.0% 116 words ยท 1 min 
.badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 3px 10px;
  border-radius: 20px;
  background: rgba(54, 214, 174, 0.12);
  border: 1px solid rgba(54, 214, 174, 0.4);
  color: #36d6ae;
  font-size: 14px;
  font-weight: bold;
  font-family: monospace;
  white-space: nowrap;
  text-decoration: none;
  cursor: pointer;
  animation: badgeGlow 2s ease-in-out infinite;
}

.dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #36d6ae;
  animation: dotPulse 1.5s ease-in-out infinite;
}

@keyframes badgeGlow {
  0%,
  100% {
    box-shadow: 0 0 4px rgba(54, 214, 174, 0.2);
  }
  50% {
    box-shadow: 0 0 12px rgba(54, 214, 174, 0.4), 0 0 24px rgba(54, 214, 174, 0.1);
  }
}

@keyframes dotPulse {
  0%,
  100% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 0.5;
    transform: scale(0.7);
  }
}

Neighbours