/* Đảm bảo phần tử body không có thanh cuộn */
html, body {
    margin: 0;
    padding: 0;
    height: 100%;
    overflow: hidden; /* Loại bỏ thanh cuộn */
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

/* Cài đặt cho hình ảnh */
img {
    width: 100%;  /* Chiều rộng hình ảnh sẽ là 100% chiều rộng của màn hình */
    height: 100%; /* Chiều cao hình ảnh sẽ là 100% chiều cao của màn hình */
    object-fit: cover; /* Giữ tỉ lệ hình ảnh và không bị méo mó, cắt bỏ phần thừa nếu cần */
    display: block;  /* Đảm bảo hình ảnh không có khoảng trống phía dưới */
}

/* Cài đặt cho nút "Trải nghiệm ngay" */
.btn_trainghiem {
    position: absolute;
    background-color: orange;
    border-radius: 18px;
    border: 0;
    z-index: 9999;
    top: 40vh;  /* Vị trí theo chiều cao viewport (40% chiều cao màn hình) */
    right: 22vw;  /* Vị trí theo chiều rộng viewport (22% chiều rộng màn hình) */
    padding: 1vw;  /* Padding theo đơn vị vw để tỷ lệ với màn hình */
    font-size: 2vw;  /* Kích thước font tương ứng với 3% chiều rộng màn hình */
    font-weight: bold;
    text-align: center;
    transition: all 0.3s ease;
}

/* Cài đặt cho đường link trong nút */
.btn_trainghiem > a {
    text-decoration: none;
    color: white;
}

/* Media queries cho các thiết bị nhỏ */
@media screen and (max-width: 768px) {
    .btn_trainghiem {
        top: 50vh;  /* Điều chỉnh vị trí theo chiều cao viewport */
        right: 10vw;  /* Điều chỉnh vị trí theo chiều rộng viewport */
        padding: 4vw;
        font-size: 5vw; /* Giảm font-size trên màn hình nhỏ */
    }
}

/* Media queries cho các thiết bị di động */
@media screen and (max-width: 480px) {
    .btn_trainghiem {
        top: 60vh;  /* Vị trí trên màn hình điện thoại */
        right: 5vw;
        padding: 6vw;
        font-size: 6vw; /* Kích thước chữ trên điện thoại */
    }
    
    /* Đảm bảo hình ảnh hiển thị đúng trên màn hình nhỏ */
    img {
        height: auto; /* Để chiều cao ảnh tự động thay đổi cho phù hợp */
    }
}