積分兌換優惠券是讓用戶在購物時能夠享受更多優惠的一種方式，而使用CSS來實現這一功能是非常簡單的。

.free-coupon {
background-color: #FFDAB9;
padding: 10px;
border-radius: 10px;
font-size: 18px;
text-align: center;
}
.free-coupon:hover {
box-shadow: 2px 2px 10px #888888;
cursor: pointer;
}

首先，我們定義一個類名為.free-coupon的樣式，用來對優惠券進行樣式設計。我們給這個優惠券添加了一個淡橙色背景，圓角邊框和居中對齊的文本樣式。

接下來，我們添加了一個鼠標懸停的效果樣式.free-coupon:hover。當鼠標懸停在優惠券上時，我們添加了一個2px的灰色陰影和一個指針光標，以提高用戶體驗。

在實際使用中，我們可以將這個類名應用到我們的HTML代碼中，例如：

<div class="free-coupon">
兌換優惠券
</div>

這樣，我們就可以在網頁中放置一個兌換優惠券的按鈕，當用戶點擊按鈕時，我們可以通過JavaScript來實現積分兌換的功能，從而讓用戶享受更多的折扣優惠。