.category-filter-row {
  .category {
    background: rgba($gray100, 0.5);
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: (2rem * 1.6) (3rem * 1.6);
    @include bp("sm") {
      margin-bottom: $grid-gap;
    }
    > .image {
      max-height: 7.5rem;
      margin-bottom: (1rem * 1.6);
    }
    &:hover {
      text-decoration: none;
      background: $gray100;
    }
    &.active {
      border-bottom: 4px solid $col-prm;
    }
  }
}
