.category__items {
  display: flex;
  gap: 15px 30px;
  flex-wrap: wrap;
}

.category__link {
  display: inline-block;
  padding: 23px 36px;
  transform: skewX(-25deg);
  color: #000000;
  background-color: #f6f6f6;
  border: 0;
  font-size: 22px;
  text-transform: uppercase;
  transition: color 0.3s, background-color 0.3s;
}

.category__link:hover,
.category__link:focus,
.category__link.active {
  background-color: #c20016;
  color: #ffffff;
}

.category__link span {
  display: inline-block;
  transform: skewX(25deg);
}