.extra-menu{
display:block;
height:55px;
width:100%;
margin-top:0px;
overflow:hidden;
transition:all 0.2s
}
.extra-menu:hover{
height:263px;
margin-top:-208px
}
.extra-menu-content{
margin-top:0px;
height:500px;
transition:all 0.2s
}
.extra-menu-content:hover{
margin-top:-55px
}
.extra-notify{
display:block;
width:400px;
padding:10px;
top:-120px;
cursor:default;
background-color:#e74c3c;
border-radius:5px;
opacity:0;
position:absolute;
animation-name:NotifyStart;
animation-duration:20s
}
.extra-notify::before{
border-top:24px solid #9b59b6;
border-left:48px solid transparent;
border-right:48px solid transparent;
opacity:1;
z-index:1000
}
.extra-menu-btn-pad{
display:inline-block;
padding:2px 2px
}
.extra-menu-title{
text-shadow:1px 1px 1px #333;
font-weight:800;
font-size:22px;
line-height:30px;
margin:0px 5px;
text-transform:uppercase
}
<div class="xbox xbox_custom">
<div class="extra-menu">
<div class="extra-menu-content">
<a href="#" onclick="alert('На самом деле на меня не обязательно нажимать. Достаточно просто навести курсор.')" class="btn btn-primary" style="width: 100%;font-size: 30px;font-weight: 800;">НАЖМИ НА МЕНЯ</a>
<div class="xbox__body" style="padding: 5px;">
<div class="extra-menu-title"><i class="fa fa-list"></i> Ссылки</div>
<div class="extra-menu-btn-pad" style="width: 40%"><a href="https://vk.com/magicowrust" class="btn menu-vk" style="width: 100%;">ВКонтакте</a></div>
<div class="extra-menu-btn-pad" style="width: 28%"><a href="https://steamcommunity.com/groups/magicowrust" class="btn menu-steam" style="width: 100%;">Steam</a></div>
<div class="extra-menu-btn-pad" style="width: 32%"><a href="https://discord.gg/magicrust" class="btn menu-discord" style="width: 100%;">Discord</a></div>
<br><br>
<div class="extra-menu-title"><i class="fa fa-info-circle"></i> Информация</div>
<div class="extra-menu-btn-pad" style="width: 36%"><a href="#" id="extra-rules" class="btn btn-primary" style="width: 100%; padding: .5rem;">Правила</a></div>
<div class="extra-menu-btn-pad" style="width: 37%"><a href="#" id="extra-help" class="btn btn-primary" style="width: 100%; padding: .5rem;">Команды</a></div>
<div class="extra-menu-btn-pad" style="width: 27%"><a href="#" id="extra-bans" class="btn btn-primary" style="width: 100%; padding: .5rem;">Баны</a></div>
<div class="extra-menu-btn-pad" style="width: 100%"><a href="#" id="extra-blocks" class="btn btn-primary" style="width: 100%;">Блокировки после вайпа</a></div>
<div class="extra-menu-btn-pad" style="width: 27%"><a href="#" id="extra-kits" class="btn btn-primary" style="width: 100%; padding: .5rem;">Киты</a></div>
<div class="extra-menu-btn-pad" style="width: 46%"><a href="#" id="extra-servers" class="btn btn-primary" style="width: 100%;">О серверах</a></div>
<div class="extra-menu-btn-pad" style="width: 27%"><a href="#" id="extra-faq" class="btn btn-primary" style="width: 100%; padding: .5rem;">ЧАВО</a></div>
</div>
</div>
</div>
</div>