/* -------------------------------- 

File#: blocks/core/button
Title: WP Button Block

-------------------------------- */
.wp-block-button.has-icon .wp-block-button__link {
  display: flex;
  align-items: center;
  gap: var(--space-xs);
}
.wp-block-button.has-icon .wp-block-button__link::after {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  font-size: 24px;
  flex-shrink: 0;
  background-color: currentColor;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}

.wp-block-button.has-arrow-up-right-icon .wp-block-button__link::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M17 7l-10 10'%3E%3C/path%3E%3Cpath d='M8 7l9 0l0 9'%3E%3C/path%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M17 7l-10 10'%3E%3C/path%3E%3Cpath d='M8 7l9 0l0 9'%3E%3C/path%3E%3C/svg%3E");
}

.wp-block-button.has-arrow-down-right-icon .wp-block-button__link::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M7 7l10 10'%3E%3C/path%3E%3Cpath d='M17 8l0 9l-9 0'%3E%3C/path%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M7 7l10 10'%3E%3C/path%3E%3Cpath d='M17 8l0 9l-9 0'%3E%3C/path%3E%3C/svg%3E");
}

.wp-block-button.is-style-outline > .wp-block-button__link,
.wp-block-button .wp-block-button__link.is-style-outline {
  border: none;
  box-shadow: inset 0px 0px 0px 1px currentColor;
  padding-top: var(--wp--preset--spacing--md);
  padding-bottom: var(--wp--preset--spacing--md);
  padding-left: var(--wp--preset--spacing--lg);
  padding-right: var(--wp--preset--spacing--lg);
}
.wp-block-button.is-style-outline > .wp-block-button__link:hover, .wp-block-button.is-style-outline > .wp-block-button__link:focus,
.wp-block-button .wp-block-button__link.is-style-outline:hover,
.wp-block-button .wp-block-button__link.is-style-outline:focus {
  box-shadow: none;
  background-color: var(--wp--preset--color--black);
  background-image: var(--wp--preset--gradient--h-accent-primary);
  color: var(--wp--preset--color--white);
}

.wp-block-button.is-style-unlimitech-subtle > .wp-block-button__link,
.wp-block-button .wp-block-button__link.is-style-unlimitech-subtle {
  background-color: var(--wp--preset--color--base-dark);
  border-color: var(--wp--preset--color--base-dark);
  color: var(--wp--preset--color--contrast-higher);
}
.wp-block-button.is-style-unlimitech-subtle > .wp-block-button__link::after,
.wp-block-button .wp-block-button__link.is-style-unlimitech-subtle::after {
  color: var(--wp--preset--color--primary);
}
.wp-block-button.is-style-unlimitech-subtle > .wp-block-button__link:hover, .wp-block-button.is-style-unlimitech-subtle > .wp-block-button__link:focus,
.wp-block-button .wp-block-button__link.is-style-unlimitech-subtle:hover,
.wp-block-button .wp-block-button__link.is-style-unlimitech-subtle:focus {
  background-color: var(--wp--preset--color--contrast-higher);
  border-color: var(--wp--preset--color--black);
  color: var(--wp--preset--color--white);
}

.wp-block-button.is-style-unlimitech-link > .wp-block-button__link,
.wp-block-button .wp-block-button__link.is-style-unlimitech-link {
  border-width: 0px;
  background-color: transparent;
  border-color: transparent;
  color: currentColor;
}
.wp-block-button.is-style-unlimitech-link > .wp-block-button__link:not([style*=padding]),
.wp-block-button .wp-block-button__link.is-style-unlimitech-link:not([style*=padding]) {
  padding: 0px;
}
.wp-block-button.is-style-unlimitech-link > .wp-block-button__link:hover, .wp-block-button.is-style-unlimitech-link > .wp-block-button__link:focus,
.wp-block-button .wp-block-button__link.is-style-unlimitech-link:hover,
.wp-block-button .wp-block-button__link.is-style-unlimitech-link:focus {
  text-decoration: underline;
  background-color: transparent !important;
  border-color: transparent !important;
}
.wp-block-button.is-style-unlimitech-link > .wp-block-button__link:hover:not(.has-text-color), .wp-block-button.is-style-unlimitech-link > .wp-block-button__link:focus:not(.has-text-color),
.wp-block-button .wp-block-button__link.is-style-unlimitech-link:hover:not(.has-text-color),
.wp-block-button .wp-block-button__link.is-style-unlimitech-link:focus:not(.has-text-color) {
  color: currentColor;
}
.wp-block-button.is-style-unlimitech-link > .wp-block-button__link:focus-visible,
.wp-block-button .wp-block-button__link.is-style-unlimitech-link:focus-visible {
  outline: none;
}