body {
font-family: Arial, sans-serif;
background: #f5f7fa;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
margin: 0;
}

.button-row {
display: flex;
gap: 25px;
}

.btn-3d {
text-decoration: none;
padding: 16px 36px;
font-size: 18px;
font-weight: 600;
color: #ffffff;
border-radius: 10px;
position: relative;
transition: all 0.2s ease;
box-shadow: 0 8px 0 rgba(0,0,0,0.2);
}

.btn-3d:active {
transform: translateY(6px);
box-shadow: 0 2px 0 rgba(0,0,0,0.2);
}

/* Winter Button */
.winter {
background: linear-gradient(135deg, #5f9cff, #2b6fe3);
box-shadow: 0 8px 0 #1e4fb8;
}

.winter:hover {
background: linear-gradient(135deg, #78b2ff, #3d82ff);
}

/* Summer Button */
.summer {
background: linear-gradient(135deg, #ffb347, #ff7a18);
box-shadow: 0 8px 0 #cc5c12;
}

.summer:hover {
background: linear-gradient(135deg, #ffc26b, #ff9440);
}