@import '../theme';

:host {
  display: block;
}

m-list, .btns{
  display: inline-block;
  vertical-align: middle;
}

button{
  display: block;
  appearance: none;
  -webkit-appearance: none;
  border-radius: $mdc-shape-small-component-radius;
  border: 1px solid #ccc;
  width: 46px;
  height: 23px;
  line-height: 17px;
  margin-top: 3px;
  outline: none;
  font-size: 12px;
  cursor: pointer;
}

button:hover{
  background-color: rgb(248, 248, 248);
}

button:disabled {
	cursor: not-allowed;
}

button:active{
  background-color: #ddd;
}

.btns{
  margin: 0 20px;
}