button,
.button {
  display: inline-block;
  border: none;
  text-decoration: none;
  padding: 1.1rem 2.4rem;
  text-transform: uppercase;
  font-size: var(--body-font-size);
  font-weight: var(--font-bold);
  border: 2px solid;
  transition: all 250ms ease-in-out;
  cursor: pointer;
}

.button__link {
  display: inline-block;
  position: relative;
  color: var(--clr-primary);
  text-transform: uppercase;
  text-decoration: none;
  font-weight: var(--font-bold);
  transition: all 250ms ease-in-out;
  width: fit-content;
}

.button__link:hover {
  color: var(--clr-primary);
}

.button__link::after {
  content: '';
  position: absolute;
  right: -2rem;
  top: 7px;
  width: 0.8rem;
  height: 1.32rem;
  background: url('/wp-content/uploads/2023/02/arrow-right.svg');
  
}
p.button__link::after {
  margin-top: 1.5rem;
}

/* Primary button */
.button.button__primary {
  background-color: var(--clr-accents-orange);
  color: var(--clr-white);
  border-color: var(--clr-accents-orange);
}
.button.button__primary:hover {
  background-color: transparent;
  color: var(--clr-accents-orange);
}

/* Secondary button */
.button.button__secondary {
  background-color: transparent;
  color: var(--clr-primary);
  border-color: var(--clr-primary);
}
.button.button__secondary:hover {
  background-color: var(--clr-primary);
  color: var(--clr-white);
}

@media (max-width: 992px) {
  .button {
    font-size: 1.4rem;
  }

  .button__link {
    font-size: var(--body-small-font-size);
  }
}


.button__link2 {
  display: inline-block;
  position: relative;
  color: var(--clr-primary);
  text-transform: uppercase;
  text-decoration: none;
  font-weight: var(--font-bold);
  transition: all 250ms ease-in-out;
  width: fit-content;
}

.button__link2:hover {
  color: var(--clr-primary);
}

.button__link2::after {
  content: '';
  position: absolute;
  right: -2rem;
  top: 8px;
  width: 0.8rem;
  height: 1.32rem;
  background: url('/wp-content/uploads/2023/02/arrow-right.svg');
}