/* Thiết lập cho các biểu tượng icon Google */
.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

/* Hiệu ứng nổi khối của các nút bấm */
.btn-primary-tactile {
    box-shadow: 0 2px 0 #410002;
}

.btn-primary-tactile:active {
    transform: translateY(2px);
    box-shadow: none;
}

/* Thiết lập trạng thái hiển thị của mô hình Single Page */
.spa-section {
    display: none;
}

.spa-section.active {
    display: block;
    animation: fadeIn 0.4s ease-in-out;
}

/* Hiệu ứng chuyển vùng mượt mà */
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}