.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;
    }
  }
}