.actions {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}

.action {
  min-width: 135px;
  min-height: 35px;
  padding: 0 18px;
  font-size: 16px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.action img {
  width: 18px;
  height: 18px;
  object-fit: contain;
  transition: filter 0.3s ease;
}

:global(.filter-chip).action:hover img,
:global(.filter-chip).action:focus-visible img {
  filter: invert(1);
}