.wp-block-button{
    .wp-block-button__link:has(>img){
        align-items: center;
        display: inline-flex;
        gap: 5px;
    }

    .wp-block-button__link{
        outline: 1px solid var(--wp--preset--color--primary);
        transition-property: background-color, color, outline-color;
        transition-duration: 0.15s;
        transition-timing-function: ease-in-out;

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

    &.is-style-light {
        .wp-block-button__link{
            background-color: var(--wp--preset--color--light);
            border: unset;
            color: var(--wp--preset--color--primary);
            outline: 1px solid var(--wp--preset--color--light);
            outline-offset: -1px;
            transition-property: background-color, color, outline-color;
            transition-duration: 0.15s;
            transition-timing-function: ease-in-out;

            &:hover{
                background-color: var(--wp--preset--color--transparent);
                color: var(--wp--preset--color--light);
            }
        }
    }

    &.is-style-outline {
        .wp-block-button__link{
            background-color: var(--wp--preset--color--transparent);
            border: unset;
            color: var(--wp--preset--color--primary);
            outline: 1px solid var(--wp--preset--color--primary);
            outline-offset: -1px;
            transition-property: background-color, color, outline-color;
            transition-duration: 0.15s;
            transition-timing-function: ease-in-out;

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

    &.is-style-outline-light {
        .wp-block-button__link{
            background-color: var(--wp--preset--color--transparent);
            border: unset;
            color: var(--wp--preset--color--light);
            outline: 1px solid var(--wp--preset--color--light);
            outline-offset: -1px;
            transition-property: background-color, color, outline-color;
            transition-duration: 0.15s;
            transition-timing-function: ease-in-out;

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


}