#myButton {
	box-shadow: 0px 10px 14px -7px #276873;
	background:linear-gradient(to bottom, #599bb3 5%, #408c99 100%);
	background-color:#599bb3;
	border-radius:8px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:1vw;
	font-weight:bold;
	/*padding:13px 32px;*/
	text-decoration:none;
	text-shadow:0px 1px 0px #3d768a;
}
#myButton:hover {
	background:linear-gradient(to bottom, #408c99 5%, #599bb3 100%);
	background-color:#408c99;
}
#myButton:active {
	position:relative;
	top:1px;
}


#menu-button {
    /* Базовые стили */
    width: 220px;
    height: 70px;
    background: linear-gradient(to bottom, #a87847 0%, #5d4037 100%);
    border: 3px solid #4e342e;
    border-radius: 12px;
    
    /* Текст */
    color: #ffecb3;
    font-family: 'Courier New', monospace;
    font-size: 3vh;
    font-weight: bold;
    text-shadow: 1px 1px 2px #3e2723;
    letter-spacing: 1px;
    
    /* Эффекты */
    box-shadow: 
        0 6px 0 #4e342e,
        0 8px 10px rgba(0, 0, 0, 0.5);
    cursor: pointer;
    transition: all 0.1s ease;
    
    /* Позиционирование */
    position: relative;
    overflow: hidden;
    outline: none;
}

/* Эффект при наведении */
#menu-button:hover {
    background: linear-gradient(to bottom, #b68a5d 0%, #6d4c41 100%);
    box-shadow: 
        0 4px 0 #4e342e,
        0 6px 8px rgba(0, 0, 0, 0.6);
    transform: translateY(2px);
    color: #fff9c4;
}

/* Эффект нажатия */
#menu-button:active {
    background: linear-gradient(to bottom, #8d6e63 0%, #4e342e 100%);
    box-shadow: 
        0 1px 0 #3e2723,
        0 2px 4px rgba(0, 0, 0, 0.4);
    transform: translateY(5px);
    color: #ffcc80;
}

/* Дополнительный эффект "вспышки" */
#menu-button::after {
    content: '';
    position: absolute;
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
    background: rgba(255, 255, 255, 0.1);
    opacity: 0;
    border-radius: 8px;
    transition: opacity 0.3s;
}

#menu-button:hover::after {
    opacity: 1;
}