@import "variables";
@import "mixins";

.inoby-popular-categories {
  .category-wrap {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    @include bp("lg") {
      grid-template-columns: repeat(3, 1fr);
    }
    @include bp("sm") {
      grid-template-columns: repeat(1, 1fr);
    }
    > a {
      padding: 2.4rem 3.2rem 2.4rem 10rem;
      text-align: center;
      position: relative;
      z-index: 1;
      color: $black;
      border: 1px solid #ccc;
      &::after {
        content: "";
        background-color: rgba(255, 255, 255, 0.5);
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: -1;
      }
    }
  }
}
