.air-reactions {
  display: flex;
}

.air-reactions__item {
  align-items: center;
  display: flex;
  margin-right: 1rem;
}

.reaction-title {
  padding: 22px 22px 22px 0;
}

.air-reactions__item button {
  background-color: transparent;
  border: 0;
  color: gray;
  font-size: 22px;
  padding: 1rem;
  transition: transform .2s ease-in-out;
}

.air-reactions__item button svg {
  width: 2rem;
}

.air-reactions__item button:hover,
.air-reactions__item button:focus {
  background-color: transparent;
  color: gray;
}

.air-reactions__item button:not(button[disabled]):hover,
.air-reactions__item button:not(button[disabled]):focus {
  color: black;
  transform: scale(1.3);
}

.air-reactions__item--heart button:not(button[disabled]):hover,
.air-reactions__item--heart button:not(button[disabled]):focus {
  color: red;
}

.air-reactions__item--reacted button {
  color: blue;
}

.air-reactions__item--reacted.air-reactions__item--heart button {
  color: red;
}

.air-reaction__item-amount[data-air-reaction-count="0"] {
  opacity: 0;
}