.x-icon-grid {
  @extend .d-flex,
          .align-self-center,
          .flex-wrap,
          .py-3,
          .text-center,
          .align-content-center,
          .justify-content-center;
  a {
    @extend .w-30,
            .d-flex,
            .p-3,
            .align-content-center,
            .justify-content-center,
            .position-relative,
            .align-items-center;

    color: theme-color("secondary") !important;

    @include hover-focus-active {

      &::before,
      &::after {
        @extend .d-block;
      }

      @extend .bg-light-transparent;
      color: theme-color("primary") !important;
    }
  }
}