@import "../../style/CommonStyle.module.less";
@import "../../style/utils.module.less";

.tIconButton {
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  box-sizing: border-box;
}

.leftArrow {
  background-image: url("../../../assets/searchpanel/sch-arr-l.png");
  background-position: center top;
  background-size: cover;
  width: 47px;
  height: 92px;

  &:focus-within,
  &:focus {
    background-position: center bottom;
    transform: scale(1.2);
  }
}

.rightArrow {
  background-image: url("../../../assets/searchpanel/sch-arr-r.png");
  background-position: center top;
  background-size: cover;
  width: 47px;
  height: 92px;

  &:focus-within,
  &:focus {
    background-position: center bottom;
    transform: scale(1.2);
  }
}
