/* 基本按钮样式 */
    .my-button {
        display: inline-block;
        padding: 10px 20px;
        font-size: 16px;
        border: none;
        border-radius: 5px;
        background-color: #6a1b9a;
        color: #fff;
        cursor: pointer;
        transition: background-color 0.3s ease;
      }

      .my-button:hover {
        background-color: #8e24aa;
      }

    /* 鼠标悬停时按钮的样式 */
    .my-button:disabled {
    background-color: #b39ddb;
    }            

      .my-button1 {
        display: inline-block;
        padding: 10px 20px;
        font-size: 16px;
        border: none;
        border-radius: 5px;
        background-color: #7b1fa2;
        color: #fff;
        cursor: pointer;
        transition: background-color 0.3s ease;
      }

        /* 鼠标悬停时按钮的样式 */
        .my-button1:hover {
            background-color: #9c27b0;
            }

        .my-button2 {
            display: inline-block;
            border: none;
            border-radius: 5px;
            background-color: #7b1fa2;
            color: #fff;
            cursor: pointer;
            transition: background-color 0.3s ease;
            }
    
        /* 鼠标悬停时按钮的样式 */
        .my-button2:hover {
            background-color: #9c27b0;
            }

        /* 鼠标悬停时按钮的样式 */
        .my-button2:disabled {
            background-color: #b39ddb;
            }