@font-face {
    font-family: 'yekan';
    src: url('font/Sahel.eot');
    src: url('font/Sahel.woff') format('woff'),
         url('font/Sahel.ttf') format('truetype'),
    font-weight: normal;
    font-style: normal;
    unicode-range: U+0600–06FF;
}

.button {
  background-color: #4CAF50; /* Green */
  border: none;
  margin-left:20px;
  color: white;
  padding:10px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin-left: 15px;
  font-family: 'sahel';
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
  cursor: pointer;
  font-size:10px;
}

.button5 {
  background-color: white;
  color: black;
  border: 2px solid #555555;
}

.button5:hover {
  background-color: #555555;
  color: white;
}