.wp-block-button.button-size-large .wp-element-button {
  padding: 16px var(--wp--preset--spacing--large);
}
@media screen and (max-width: 780px) {
  .wp-block-button.button-size-large .wp-element-button {
    padding: 12px var(--wp--preset--spacing--x-large);
  }
}

/* Button w/Arrow
--------------------------------------------- */
.wp-block-button.is-style-button-arrow.button-size-large .wp-element-button {
  padding-right: calc(var(--wp--preset--spacing--large) + 24px);
}
.wp-block-button.is-style-button-arrow.button-size-large .wp-element-button::after {
  right: calc(var(--wp--preset--spacing--large) - 8px);
  top: calc(50% - 4px);
}
@media screen and (max-width: 780px) {
  .wp-block-button.is-style-button-arrow.button-size-large .wp-element-button {
    padding-right: calc(var(--wp--preset--spacing--x-large) + 20px);
  }
  .wp-block-button.is-style-button-arrow.button-size-large .wp-element-button::after {
    right: calc(var(--wp--preset--spacing--x-large) - 8px);
  }
}
.wp-block-button.is-style-button-arrow .wp-element-button {
  position: relative;
  padding-right: 49px;
}

.wp-block-button.is-style-button-arrow .wp-element-button::after {
  content: "";
  background-color: currentColor;
  display: block;
  position: absolute;
  mask-size: cover;
  -webkit-mask-size: cover;
  -webkit-mask: url("../long-arrow-right.html");
  mask: url("../long-arrow-right.html");
  width: 16px !important;
  height: 10px !important;
  transform: scale(1.1);
  right: 24px;
  top: calc(50% - 3px);
  transition: all ease-in-out 0.2s;
}
@media screen and (max-width: 780px) {
  .wp-block-button.is-style-button-arrow .wp-element-button::after {
    transform: scale(0.65);
  }
}

.wp-block-button.is-style-button-arrow .wp-element-button:hover::after {
  right: 20px;
  background-color: currentColor;
}
.wp-block-button.is-style-button-arrow.button-size-large .wp-element-button:hover::after {
  right: calc((var(--wp--preset--spacing--large) - 8px) * 0.8);
}
@media screen and (max-width: 780px) {
  .wp-block-button.is-style-button-arrow.button-size-large .wp-element-button:hover::after {
    right: calc((var(--wp--preset--spacing--x-large) - 8px) * 0.8);
  }
}

.wp-block-button .wp-block-button__link.has-background-1-background-color:hover, .wp-block-button .wp-block-button__link.has-background-2-background-color:hover, .wp-block-button .wp-block-button__link.has-background-3-background-color:hover, .wp-block-button .wp-block-button__link.has-background-4-background-color:hover {
  background-color: var(--wp--preset--color--foreground-1) !important;
  color: var(--wp--preset--color--background-1) !important;
}

.wp-block-button.header-search-button .wp-block-button__link {
  background-color: var(--wp--preset--color--background-1) !important;
}
.wp-block-button.header-search-button .wp-block-button__link img {
  transition: transform 0.2s ease-in-out;
}
.wp-block-button.header-search-button .wp-block-button__link:hover {
  background-color: var(--wp--preset--color--background-1) !important;
}
.wp-block-button.header-search-button .wp-block-button__link:hover img {
  transform: scale(1.1);
}
