@keyframes hover-ani {
  from {
    background: var(--wp--preset--color--primary);
    border: 3px solid var(--wp--preset--color--tertiary);
  }
  to {
    background: var(--wp--preset--color--tertiary);
    border: 3px solid var(--wp--preset--color--primary);
  }
}

@keyframes unhover-ani {
  from {

    background: var(--wp--preset--color--tertiary);
    border: 3px solid var(--wp--preset--color--primary);
    border: 3px solid var(--wp--preset--color--primary);

  }
  to {
    background: var(--wp--preset--color--primary);
    border: 3px solid var(--wp--preset--color--tertiary);
  }
}

.wp-block-button__link:hover {
  animation: hover-ani;
  animation-duration: 0.25s;
  animation-fill-mode: both;
  opacity: 1 !important;
}

.wp-block-button__link:not(:hover) {
  animation: unhover-ani;
  animation-duration: 0.25s;
  animation-fill-mode: both;
  opacity: 1 !important;
}