IE11対応・IE11で上下の位置ずれを治す。Swiper.js5系 prev/nextボタン

IE11で上下の位置ずれを治すcss

.swiper-button-next {
background-image: url(static_images/swiper_arrow.svg);
background-repeat: no-repeat;
background-size: 100%;
width: 44px;
height: 44px;
right: 0;
position: absolute;
z-index: 10;
transform: translate(0%, -50%);
margin-top: 0;
}

.swiper-button-next:after {
content: '';
}

.swiper-button-prev {
background-repeat: no-repeat;
background-image: url(static_images/swiper_arrow.svg);
background-size: 100%;
width: 44px;
height: 44px;
left: 0;
position: absolute;
z-index: 10;
transform: translate(0%, -50%) scale(-1, 1);
margin-top: 0;
}

.swiper-button-prev:after {
content: '';
}