/* Global Button hover */

.is-style-hero-button-dark .wp-block-button__link {
  border-radius: 0.2em;
  border: solid 0.12em var(--wp--preset--color--neutral-lighter-30);
  color: var(--wp--preset--color--neutral-lighter-30);
  background-color: var(--wp--preset--color--custom-black);
  font-size: var(--wp--preset--font-size--xs);
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  cursor: pointer;
  transition: all 0.2s ease-in-out;

  &:hover {
    border-radius: 1.2em;
    transition: all 0.2s ease-in-out;
    border: solid 0.12em var(--wp--preset--color--accent-base);
  }
}

.is-style-hero-button-light .wp-block-button__link {
  border-radius: 0.2em;
  border: solid 0.12em var(--wp--preset--color--neutral-darker-20);
  color: var(--wp--preset--color--neutral-darker-20);
  background-color: var(--wp--preset--color--neutral-lighter-30);
  font-size: var(--wp--preset--font-size--xs);
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  cursor: pointer;
  transition: all 0.2s ease-in-out;

  &:hover {
    border-radius: 1.2em;
    transition: all 0.2s ease-in-out;
    border: solid 0.12em var(--wp--preset--color--accent-base);
  }
}

.is-style-button-with-arrow a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  &:hover {
    transition: all 0.2s ease-in-out;
  }
}

.is-style-button-with-arrow a::after {
  content: "";
  display: inline-block;
  height: 20px;
  width: 20px;
  background-image: url("data:image/svg+xml,%3Csvg width='13' height='19' viewBox='0 0 13 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_138_177)'%3E%3Cpath d='M1.90735e-06 0.950572V18.0511C0.000497818 18.2242 0.044137 18.3939 0.126221 18.5419C0.208305 18.6899 0.325726 18.8106 0.465844 18.8911C0.605964 18.9715 0.763475 19.0086 0.921424 18.9983C1.07937 18.9881 1.23178 18.9309 1.36223 18.8329L12.649 10.2827C13.117 9.92833 13.117 9.0752 12.649 8.71989L1.36223 0.16965C1.23205 0.0706806 1.07957 0.0126429 0.921355 0.00184203C0.763144 -0.00895879 0.605253 0.0278905 0.464838 0.108386C0.324422 0.188882 0.206851 0.309946 0.1249 0.458424C0.0429487 0.606902 -0.000247955 0.777116 1.90735e-06 0.950572ZM10.6296 9.50082L1.73643 16.2384V2.76322L10.6296 9.50082Z' fill='%230080DF'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_138_177'%3E%3Crect width='19' height='13' fill='white' transform='matrix(0 1 -1 0 13 0)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  vertical-align: middle;
  transition: all 0.2s ease-in-out;
}

.is-style-button-with-arrow a:hover::after {
  transform: translateX(6px);
  transition: all 0.2s ease-in-out;
}

.button-width {
  width: 100%;
}

.is-style-mobile-button .wp-block-button__link {
  background-color: transparent;
  border-radius: 0.2em;
  border: solid 1px var(--wp--preset--color--custom-white);
  color: var(--wp--preset--color--custom-white);
  font-family: var(--wp--preset--font-family--playfair-light);
  font-size: 0.8em;
  padding-block: 0.45em;
  letter-spacing: 0.01em;
  text-transform: capitalize;
  cursor: pointer;
}