body {
    border: 1px solid #000000;
    box-shadow: 2px 2px 8px 4px rgba(0, 0, 0, 0.1);
    font-family: "Comic Sans MS", cursive, sans-serif;
    width: 794px; 
    min-height: 1123px;
    margin: 20mm auto; 
    background-color: #ffffff; 
    box-sizing: border-box;
    padding: 20px; 
}

/* --- */

@media screen and (max-width: 768px) {
    body {
        width: 100%; 
        min-height: auto; 
        margin: 0; 
        border: none; 
        box-shadow: none; 
        padding: 15px; 
        font-size: 1em; 
    }
}

red {
	color: red;
}


.button-link {
    border: 1px solid #000000;
    box-shadow: 2px 2px 8px 4px rgba(0, 0, 0, 0.1);
	  padding: 1px; 
	      transition: background-color 0.3s ease, color 0.3s ease, box-shadow 0.3s ease;
}


.button-link:hover {
    background-color: #0056b3; 
}

.button-link img {
            width: 20px; 
            height: 20px;
            filter: invert(0%); 
            transition: filter 0.3s ease;
        }

        .button-link:hover img {
            filter: invert(100%); 
        }