.wp-block-buttons {
  .wp-block-button:not(.is-style-outline) .wp-element-button {
    transition: color 250ms ease-in-out,
                background-color 250ms ease-in-out;

    &:hover {
      background-color: var(--wp--preset--color--midnight-blue);
      color: var(--wp--preset--color--sky-blue);
    }
  }

  .wp-block-button.is-style-outline .wp-element-button {
    transition: color 250ms ease-in-out,
                border-color 250ms ease-in-out,
                background-color 250ms ease-in-out;

    &:hover {
      border-color: #b0dff9;
      color: #103652;
      background-color: #b0dff9;
    }
  }
}