<!DOCTYPE html>
<html>
<head>
<style>


 a, a:hover, a:focus, a:active {
     text-decoration: none;
     color: inherit;
 }
 
 div.ex1 {
  max-width: 500px;
  margin: auto;
  
}

.btn {
  background-color: #000000;
  border: 2px solid white;
  color: white;
  padding: 20px 30px;
  border-radius: 40px;
  text-align: center;
  font-size: 16px;
  margin: 10px 80px;
  transition: 0.3s;
  max-width: auto;
  font-family: Montserrat;
}

.btn:hover {
  background-color: #FFFFFF;
  color: black;
  border: 2px solid black;
}
</style>
</head>
<body>
<center>
<div class="ex1">


<img src=
https://images.squarespace-cdn.com/content/v1/5e164d262d82b575c0e4b1e5/1607300923849-DA6WB1AVXP6IEDVTU9KJ/white+arrow+gif.gif alt="arrow gif" width="100" >
<p>

<button class="btn"><a href="mailto:ville.ekman.design@gmail.com" target="_blank">&nbsp;&nbsp;Email&nbsp;&nbsp;</a></button>
<button class="btn"><a href="https://www.linkedin.com/in/ville-ekman/" target="_blank">LinkedIn</a></button>
<button class="btn"><a href="https://www.facebook.com/mightyeku" target="_blank">Facebook</a></button>
<button class="btn"><a href="https://www.instagram.com/mightyeku/" target="_blank">Instagram</a></button>

<p style="color:white;">+</p>
<button class="btn"><a href="https://www.ateliertoka.com" target="_blank">ateliertoka.com</a></button>
<button class="btn"><a href="https://www.instagram.com/ateliertoka/" target="_blank">@ateliertoka</a></button>


</center>
</div>

</body>
</html>

