CSS按鈕扁平化已經成為了設計趨勢，更清晰和更易讀的按鈕樣式可以為用戶帶來更好的體驗。讓我們來看看扁平按鈕的CSS代碼。

.btn {
display: inline-block;
border-radius: 4px;
background-color: #4CAF50;
color: #FFFFFF;
text-align: center;
font-size: 18px;
padding: 10px;
width: 200px;
transition: all 0.5s;
cursor: pointer;
margin: 5px;
border: none;
}
.btn:hover {
background-color: #3e8e41;
color: white;
}
.btn:active {
background-color: #3e8e41;
transform: translateY(3px);
}

在上面的代碼中，我們首先定義了一個類名為“btn”的CSS規則，然后為其添加了通用的樣式屬性，包括邊框半徑、背景顏色、文字顏色、對齊方式、字體大小、內邊距、寬度、過渡效果、鼠標指針和邊框屬性。

接下來我們使用:hover和:active偽類來為按鈕添加鼠標懸停和點擊效果，這樣用戶可以看到按鈕的狀態變化，提高了用戶的體驗。

在實際使用中，我們可以根據實際需求定制不同的按鈕樣式來滿足用戶需求。扁平化的按鈕風格可以為用戶帶來清晰、簡潔又優雅的視覺體驗。