Why can buttons shrink in height on iOS?

Question

css

Hello everyone How the buttons
look on the desktop:
click
So on the phone:
Click again
Screenshots are made at the same resolutions in Chrome on macOS and iOS, release versions are everywhere

.slick-arrow {
        width: 30px;
        height: 30px;
        bottom: auto;
        top: 50%;
        @include transform(translateY(-50%));
        left: 15px !important;
        font-size: 20px;
        &.slick-prev {
          &:before {
            position: absolute;
            left: 50%;
            top: 50%;
            @include transform(translate(-50%, -50%) rotate(-90deg));
          }
        }
        &.slick-next {
          left: 60px !important;
          &:before {
            position: absolute;
            left: 50%;
            top: 50%;
            @include transform(translate(-50%, -50%) rotate(90deg));
          }
        }

What could be the problem?
Thanks