/* button scroll top */
.scroll-to-top {
    position: fixed; /* Cố định vị trí */
    bottom: 20px; /* Khoảng cách từ dưới */
    right: 20px; /* Khoảng cách từ phải */
    width: 50px; /* Chiều rộng */
    height: 50px; /* Chiều cao */
    background-color: #0d6efd; /* Màu nền xanh Bootstrap */
    color: white; /* Màu chữ trắng */
    border: none; /* Loại bỏ viền */
    border-radius: 50%; /* Bo tròn hình tròn */
    font-size: 1.5rem; /* Kích thước biểu tượng */
    display: flex; /* Căn giữa nội dung */
    align-items: center; /* Căn giữa theo chiều dọc */
    justify-content: center; /* Căn giữa theo chiều ngang */
    cursor: pointer; /* Hiệu ứng con trỏ khi hover */
    opacity: 0; /* Ban đầu ẩn đi */
    visibility: hidden; /* Ban đầu không hiển thị */
    transition: opacity 0.3s ease, visibility 0.3s ease; /* Hiệu ứng mượt mà */
    z-index: 1000; /* Đảm bảo nút nằm trên cùng */
}

.scroll-to-top.show {
    opacity: 1; /* Hiển thị nút */
    visibility: visible; /* Hiển thị nút */
}