/* Định dạng cơ bản cho nút */
.fancy-button {
    padding: 15px 30px; /* Khoảng cách bên trong */
    font-size: 18px; /* Kích thước chữ */
    font-family: Arial, sans-serif; /* Phông chữ */
    color: white; /* Màu chữ */
    background-color: #3498db; /* Màu nền */
    border: none; /* Xóa viền mặc định */
    border-radius: 25px; /* Bo góc */
    cursor: pointer; /* Con trỏ tay khi hover */
    transition: all 0.3s ease; /* Hiệu ứng chuyển đổi mượt mà */
}

/* Hiệu ứng khi hover (di chuột qua) */
.fancy-button:hover {
    background-color: #e74c3c; /* Đổi màu nền */
    transform: scale(1.1); /* Phóng to nhẹ */
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); /* Thêm bóng */
}

/* Hiệu ứng khi nhấn */
.fancy-button:active {
    transform: scale(0.95); /* Thu nhỏ nhẹ khi nhấn */
}