<span style="font-size: 80px;">☝</span>
<!DOCTYPE html>
<html lang=""><head><meta charset="utf-8"><title>Hamburger</title>
<ul class="menu">
<li class="bor"><span style="font-size: 80px;">🍔</span>
<ul>
<li><a class="punct" href="">HOMe</a></li>
<li><a class="punct" href="">Futures</a></li>
<li><a class="punct" href="">support</a></li>
<li><a class="punct" href="">Contact</a></li>
<li><a class="punct" href="">про мы</a></li>
<li><a class="punct" href="">etc</a></li>
</ul></li></ul>
<style>
.bor {position:top left;}
ul {width: 150px;text-align: center;font-size: 22px;
list-style-type: none;}
li ul {display: none;}
li a {display: block;}
li a:hover {color:peru;}
li a:active {color: red;}
li:hover ul {display:block;}
.punct {background:bisque;
text-align: center;padding:4px;border:7px outset darkgrey;
border-radius: 6px;
box-shadow: 2px 2px 3px 4px black;}
</style>