@include theme {
    .ms-button {
      outline: none;
      border: none;
      display: inline-block;
      border-radius: 4px;
      cursor: pointer;
  
      @include statusMixin(button) {
        background-color: $value;
        color: white;
        opacity: .8;
        &:active {
          background-color: mix($value, #fff, 70%);
        }
        &:hover {
          opacity: .7;
        }
      }

      @include sizeMixin(button) {
        height: 40px;
        line-height: 40px;
        text-align: center;
        width: $value;
      }
    }
  }