.wp-block-button__link {
  border-radius: 3px;
  padding: 6px 30px !important;
  background-color: #677461;
  color: #fff;
  border: 1px solid transparent;
  transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, opacity 0.2s ease;

  &:hover {
    opacity: 0.9;
  }
}

/* Outline variant */
.wp-block-button.is-style-outline .wp-block-button__link {
  background-color: transparent;
  color: var(--wp--preset--color--primary);
  border-color: var(--wp--preset--color--primary);
  border-width: 1px;

  &:hover {
    background-color: var(--wp--preset--color--primary);
    color: var(--wp--preset--color--white);
  }
}

.wp-block-button.is-style-outline.is-style-secondary .wp-block-button__link {
  color: var(--wp--preset--color--white);
  border-color: var(--wp--preset--color--white);

  &:hover {
    background-color: var(--wp--preset--color--white);
    color: var(--wp--preset--color--secondary);
  }
}