.zoom-controls {top:50%;right:20px;position:absolute;margin-top:-40px;background:#fff}
@media screen and (max-width:750px ) {.zoom-controls {right:10px }}
.zoom-controls__button {border:2px #000 solid;width:40px;height:40px;position:relative;cursor:pointer;-webkit-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease}
.zoom-controls__button:hover {background:#000;color:#fff}
.zoom-controls__button:before,
.zoom-controls__button:after {content:'';display:block;position:absolute;background:currentColor;width:14px;height:2px;top:50%;left:50%;transform:translate(-50%,-50%)}
.zoom-controls__button:after {width:2px;height:14px}
.zoom-controls__button--out {margin-top:-2px}
.zoom-controls__button--out:after {display:none}