按钮的一些css效果：边框、阴影

普通：

    .button {
      width: 21.7vw;
      height: 11.8vh;
      // background: linear-gradient(180deg, #ff5194 0%, #c60731 100%);
      // box-shadow: 0px 3px 6px 1px rgba(202, 13, 57, 0.5);
      // border: 3px solid #fe0000ff;
      background: #fe0000ff;
      opacity: 1;
      border-radius: 16px 16px 16px 16px;

      img {
        width: 5vw;
        height: 5vw;
        padding-right: 1.5vw;
      }
    }

效果：

加了样式（阴影、边框）

    .button{
      width: 21.7vw;
      height: 11.8vh;
      margin-bottom: 2vw;
      background: linear-gradient(180deg, #68bc1e 0%, #549b17 100%);
      box-shadow: 0px 3px 6px 1px rgba(61, 114, 16, 0.5);
      border: 3px solid #549b17;
      // background: #68bc1e;
      opacity: 1;
      border-radius: 16px 16px 16px 16px;
      img {
        width: 5vw;
        height: 5vw;
        padding-right: 1.5vw;
      }
    }
​

效果：