.container{
    width: 600px;
    margin: 0 auto;
}

.button{
    display: inline-block;
    padding: 8px 10px;
    text-decoration: none;
    color: #000000;
    border-radius: 3px;
    cursor: pointer;/*鼠标指针悬浮在元素上方显示的鼠标光标 */
    transition: all 0.3s;/*过度效果*/
}
/* 鼠标悬停时的效果 */
.button:hover{
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.steal {
    background-color: #009688;
    color: #fff;
}

.orange {
    background-color: #ff9800;
}

.yellow {
    background-color: #ffeb3b;
}

.red {
    background-color: #f44336;
    color: #fff;
}

.green {
    background-color: #4CAF50;
    color: #fff;
}