%m-pager {
  &__list {
    @apply list-none m-0 p-0 flex flex-wrap	justify-center text-sm;
  }

  &__item {
    @apply m-1;

    &--text {
      @apply flex items-center;
    }
  }

  &__link {
    @apply block w-8 h-8 text-center no-underline rounded-full border-2 border-solid border-green leading-loose outline-none whitespace-no-wrap;

    &--control {
      @apply w-auto px-3 font-medium;
    }

    &--hover {
      @apply bg-green-light text-white;
    }

    &--focus {
      @apply shadow-outline;
    }

    &--active {
      @apply bg-green text-white;
    }
  }

  &__icon {
    @apply w-3 h-3 align-middle fill-gray-dark;

    &--left {
      @apply rotate-90;
    }

    &--right {
      @apply rotate-270;
    }

    &--hover {
      @apply fill-white;
    }
  }
}