.tags {
  white-space: nowrap;

  padding: max(5px, calc(5vh/12)) max(10px, calc(10vh/12));

  font-size: max(20px, calc(20vh/12));

  transition: 0.2s;

  color: #FFD700;
  background-color: transparent;
  border: 2px solid #FFD700;
  border-radius: min(99px, calc(99 * 0.1667vh));
}

.tags:hover {
  transform: scale(1.1);
  background-color: rgba(255, 215, 0, 0.1);
  box-shadow: 0 0 15px rgba(255, 215, 0, 0.3);
}

.image-tag {
  display: flex;

  padding-right: max(12px, calc(12vh/12));

  column-gap: min(5px, calc(5 * 0.1667vh));

  flex-direction: row;
  justify-content: center;

  align-items: center;
}

.selected-tag {
  background-color: #FFD700;
  color: #000;

  cursor: pointer;
  border: 2px solid #FFD700;
}