/* Button
--------------------------------------------- */

.wp-block-buttons {
  column-gap: 1rem;

  @screen lg {
    column-gap: 2rem;
  }
}

.wp-block-button {
  .wp-block-button__link {
    @apply
      font-semibold
      px-12
      rounded-none;

    transition: all 0.4s ease;

    &:hover {
      text-decoration: none;
    }

    &:not(.has-text-color) {
      @apply
        text-white;

      &:hover {
        @apply
          text-white;
      }
    }

    img {
      @apply
        inline-block;
    }
  }

  // * OUTLINE *
  &.is-style-outline {
    .wp-block-button__link {
      &:not(.has-background) {
        background-color: transparent;

        &:hover,
        &:focus {
          @apply
            text-white;
        }
      }
    }
  }

  // * OUTLINE *
  &.is-style-clean {
    .wp-block-button__link {
      @apply
        bg-transparent
        py-0
        px-0;
    }
  }

  // * OUTLINE *
  &.is-style-icon {
    .wp-block-button__link {
      @apply
        py-0
        bg-transparent
        px-0;

      img {
        @apply
          ml-2;
      }
    }
  }
}
