.button { background-color: #800080; /* بنفش پررنگ */ border: none; color: white; /* رنگ متن */ padding: 15px 32px; /* فاصله داخلی دکمه */ text-align: center; text-decoration: none; display: inline-block; font-size: 16px; margin: 4px 2px; cursor: pointer; border-radius: 8px; /* گرد کردن گوشه‌ها */ box-shadow: 2px 2px 5px #D8BFD8; /* سایه بنفش کم‌رنگ */ transition: background-color 0.3s ease; /* برای تغییر رنگ نرم در هنگام هاور */ } .button:hover { background-color: #660066; /* بنفش تیره‌تر در هنگام هاور */ }