.wys-button {

    @extend .button;

}

.wys-button-small {

    @extend .button;
    @extend .button--small;

}

.wys-button-xsmall {

    @extend .button;
    @extend .button--xsmall;

}

.wys-button-black {

    @extend .button;
    @extend .button--black;

}

.wys-button-black-small {

    @extend .button;
    @extend .button--black;
    @extend .button--small;

}

.wys-button-black-xsmall {

    @extend .button;
    @extend .button--black;
    @extend .button--xsmall;

}

a.wys-button {

    @extend .button;
    .page__block--black & {
        color: $color-black;
        &:hover {
            color: $color-main;
        }
    }

}

a.wys-button-small {

    @extend .button;
    @extend .button--small;
    .page__block--black & {
        color: $color-black;
        &:hover {
            color: $color-main;
        }
    }

}

a.wys-button-xsmall {

    @extend .button;
    @extend .button--xsmall;
    .page__block--black & {
        color: $color-black;
        &:hover {
            color: $color-main;
        }
    }

}

a.wys-button-black {

    @extend .button;
    @extend .button--black;

    .page__block--black & {
        color: white;
        &:hover {
            color: $color-black;
        }
    }

}

a.wys-button-black-small {

    @extend .button;
    @extend .button--black;
    @extend .button--small;

    .page__block--black & {
        color: white;
        &:hover {
            color: $color-black;
        }
    }

}

a.wys-button-black-xsmall {

    @extend .button;
    @extend .button--black;
    @extend .button--xsmall;

    .page__block--black & {
        color: white;
        &:hover {
            color: $color-black;
        }
    }

}

Fix button style in page blocks
Fix button style in page blocks
