.wp-block-button{
    .wp-block-button__link{
        min-width: 220px !important;
        outline: 2px solid transparent;
        outline-offset: -2px;
        transition-property: background-color, border-color, color, outline;
        transition-duration: 0.2s;
        transition-timing-function: ease-in-out;
    }

    &.is-style-dark-hover{
        .wp-block-button__link{
            &:hover{
                background-color: var(--wp--preset--color--secondary) !important;
                border-color: var(--wp--preset--color--secondary) !important;
                color: var(--wp--preset--color--white) !important;
            }
        }
    }

    &.is-style-yellow-hover{
        .wp-block-button__link{
            &:hover{
                background-color: var(--wp--preset--color--primary) !important;
                border-color: var(--wp--preset--color--primary) !important;
                color: var(--wp--preset--color--white) !important;
            }
        }
    }

    &.is-style-white-outline-hover{
        .wp-block-button__link{
            &:hover{
                background-color: transparent !important;
                color: var(--wp--preset--color--white) !important;
                outline: 2px solid var(--wp--preset--color--white);
            }
        }
    }

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