@import 'variables';

@zoom-icon-size: 14px;

.ra-control-zoom {
  overflow: hidden;
  border-radius: @ra-btn-control-border-radius;
  box-shadow: @ra-control-shadow;
  .ra-button-control {
    font-size: @ra-btn-icon-size;
    border-bottom: 1px solid @ra-btn-border-color;
    border-radius: 0;
    box-shadow: 0 0 0;
    .ra-iconfont {
      width: @zoom-icon-size;
      height: @zoom-icon-size;
    }
    &:last-child {
      border-bottom: 0;
    }
  }
  & &__number {
    color: @ra-control-font-color;
    padding: 0;
    &:hover {
      background-color: @ra-btn-control-bg-color;
    }
  }
}