Шаблон:Test/Revamp.css

.ammo-container {
  position: relative;
  display: flex;
  gap: 8px;
}

.ammo-radio {
  display: none;
}

.ammo-btn {
  cursor: pointer;
  opacity: 0.6;
  transition: all 0.3s ease;
  filter: grayscale(70%);
}

.ammo-btn img {
  vertical-align: middle;
}

.ammo-radio:checked + .ammo-btn {
  opacity: 1;
  filter: none;
  transform: scale(1.05);
}

.damage-output::after {
  content: "0";
}

.ammo-radio#ammo1:checked ~ .damage-output::after {
  content: "+12";
}

.ammo-radio#ammo2:checked ~ .damage-output::after {
  content: "+13";
}