.wp-block-button__link.has-text-color:focus-visible {
    outline-color: currentColor;
}

:root :where(.wp-block-button.is-style-outline .wp-block-button__link) {
    background: transparent none;
    border-color: currentColor;
    border-width: 2px;
    border-style: solid;
    color: var(--wp--preset--color--contrast-2);
    padding-top: .75rem;
    padding-right: 1.5rem;
    padding-bottom: .75rem;
    padding-left: 1.5rem;

    &:hover {
        background-color: var(--wp--preset--color--custom-brand-3);
        border-color: var(--wp--preset--color--custom-brand-3);
        color: var(--wp--preset--color--base-1);
    }
}