.puppy-btn-mask .puppy-btn {
  float: left;
}

.puppy-btn-mask {
  width: 40px;
  height: 40px;
  overflow: hidden;
  position: relative;
}

.puppy-btn-slider {
  position: absolute;
  top: 0;
  left: 0;
  width: 320px;
  height: 32px;
  left: 0;
  -webkit-transition: left 0.1s linear;
     -moz-transition: left 0.1s linear;
      -ms-transition: left 0.1s linear;
       -o-transition: left 0.1s linear;
          transition: left 0.1s linear;
}

.puppy-btn-slider.mask-position-0 {
  left: 0;
}

.puppy-btn-slider.mask-position-1 {
  left: -40px;
}