.wp-block-button, .gspb_ajax_pagination_btn  {
    .wp-block-button__link {
        align-items: center;
        display: flex;
        gap: 10px;
        transition-property: background-color, border-color, color;
        transition-duration: 0.3s;
        transition-timing-function: ease-out;

        &::after{
            background-color: currentColor;
            content: '';
            -webkit-mask: url("../../../images/arrow.svg") no-repeat 50% 50%;
            mask: url("../../../images/arrow.svg") no-repeat 50% 50%;
            -webkit-mask-size: cover;
            mask-size: cover;
            display: inline-block;
            height: 10px;
            transition-property: rotate, translate;
            transition-duration: 0.3s;
            transition-timing-function: ease;
            translate: 0;
            width: 10px;
        }

        &:hover{
            &::after{
                rotate: 45deg;
                translate: 2px 0 0;
            }
        }
    }

    &[class*="is-style-slider-control"]{
        span{
            display: none;
        }

        .wp-block-button__link{
            gap: 0;

            &::after{
                height: 30px;
                width: 30px;
            }

            &:hover{
                &::after{
                    rotate: unset;
                }
            }
        }

    }

    &.is-style-slider-control-left{
        .wp-block-button__link{
            &::after{
                -webkit-mask: url("../../../images/arrow-left.svg") no-repeat 50% 50%;
                mask: url("../../../images/arrow-left.svg") no-repeat 50% 50%;
            }
        }

    }

    &.is-style-slider-control-right{
        .wp-block-button__link{
            &::after{
                -webkit-mask: url("../../../images/arrow-right.svg") no-repeat 50% 50%;
                mask: url("../../../images/arrow-right.svg") no-repeat 50% 50%;
            }
        }

    }

    &.is-style-outline{
        .wp-block-button__link {
            &::after{
                content: unset;
            }
        }
    }
}

/* Styling greenshift slider buttons */
.swiper-button-prev, .swiper-button-next {
    box-shadow:unset!important;
    width:unset!important;
    height: unset!important;
    line-height: unset!important;
    margin-top:0!important;
    display: block;
}
.swiper-button-prev {
    left:unset!important;
    right:50px!important;
    &:after {
        content:url("../../../images/arrow-left.svg")!important;
    }
    &:hover {
        &:after {
        content:url("../../../images/arrow-left-hover.svg")!important;
    }
    }
}
.swiper-button-next {
    &:after {
        content:url("../../../images/arrow-right.svg")!important;
    }
    &:hover {
        &:after {
        content:url("../../../images/arrow-right-hover.svg")!important;
    }
    }
}

/* Other button style overrides */
.gspb_ajax_pagination_btn, .is-style-outline .wp-element-button, .is-style-outline--2 .wp-element-button {
    &:hover {
        background-color:var(--wp--preset--color--dark-grey)!important;
        color:var(--wp--preset--color--light-grey)!important;
    }
    &:active {
        background-color:var(--wp--preset--color--dark-grey)!important;
        color:var(--wp--preset--color--tertiary)!important;
    }
}