@import 'normalize.css';
.may-button {
  outline: none;
  border: 1px solid transparent;
  color: #fff;
  background-color: #2f86f6;
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  border-radius: 3px;
  position: relative;
  overflow: hidden;
}
.may-button .rippleCanvans {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.5;
}
.may-button-s {
  height: 30px;
  font-size: 14px;
}
.may-button-m {
  height: 35px;
  font-size: 16px;
}
.may-button-l {
  height: 40px;
  font-size: 18px;
}
.may-button-round {
  border-radius: 10px;
}
.may-button-default {
  color: #41485d;
  border: 1px solid #c5cad5;
  background-color: #fff;
}
.may-button-danger {
  background-color: #ff5257;
}
.may-button-disabled {
  background-color: #e2e4ea;
}