button.legl-button{
    background-color: transparent !important;
    border-radius: 100px !important;
    color: var(--wp--preset--color--white) !important;
    outline: 1px solid var(--wp--preset--color--white) !important;
    transition-property: background-color, color, outline-color;
    transition-duration: 0.2s;
    transition-timing-function: ease-in-out;

    &::after{
            background-image: url("../../images/arrow-top-right-white.svg");
            background-repeat: no-repeat;
            background-size: contain;
            content: '';
            display: inline-block;
            height: 9px;
            margin-left: 7px;
            transition-property: background-image, rotate;
            transition-duration: 0.2s;
            transition-timing-function: ease-in-out;
            width: 10px;
        }

    &:hover{
        background-color: var(--wp--preset--color--white) !important;
        color: var(--wp--preset--color--secondary) !important;
        outline-color: var(--wp--preset--color--white) !important;

        &::after{
            background-image: url("../../images/arrow-top-right-dark.svg") !important;
            rotate: 45deg;
        }
    }
}