CSS按鈕變深是通過添加陰影或改變顏色來實現(xiàn)的，以下是兩種實現(xiàn)方式：

.btn {
background-color: #4CAF50;
border: none;
color: white;
padding: 10px 20px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
margin: 4px 2px;
cursor: pointer;
}
/* 選中狀態(tài) */
.btn:active {
background-color: #3e8e41;
box-shadow: 0 5px #666;
transform: translateY(4px);
}

上述代碼中，我們首先定義了一個.btn類，設置了按鈕的基本樣式，包括背景色、邊框、字體顏色、填充、對齊方式、字體大小、邊距和鼠標形狀。接下來，我們通過為.btn:hover添加樣式來實現(xiàn)鼠標懸停時的效果。當按鈕被點擊時，我們使用.btn:active來改變按鈕的顏色和添加陰影和偏移量。

另一種實現(xiàn)方式是通過改變顏色來實現(xiàn)深色效果：

.btn {
background-color: #4CAF50;
border: none;
color: white;
padding: 10px 20px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
margin: 4px 2px;
cursor: pointer;
}
/* 選中狀態(tài) */
.btn:active {
background-color: #3e8e41;
color: #fff;
}

上述代碼中，我們也首先定義了一個.btn類，設置了基本樣式。當用戶點擊按鈕時，背景顏色和字體顏色都會被改變，從而實現(xiàn)按鈕變深的效果。

綜上所述，這兩種方式都可以實現(xiàn)按鈕變深的效果，具體實現(xiàn)取決于你的設計風格和個人喜好。