Как сверстать кнопку как на картинке

#html #css

Не понятно как сверстать правую часть кнопки.
    

Ответы

Ответ 1

Так








ссылка для просмотра http://jsfiddle.net/46zLqupe/


Ответ 2

песочница - обновлённая версия



* {
  margin: 0;
  padding: 0;
}

.flex {
  display: flex;
  width: 190px;
  height: 60px;
  align-items: center;
  overflow: hidden;
  border: 1px solid #ccc;
  justify-content: center;
  background: linear-gradient(#fdfdfd, #ddd);
  margin: 20px;
}

.flex:hover {
  background: linear-gradient(#ddd, #fdfdfd);
}

.eyar {
  padding: 6px;
}

.eyar p{
 font-size:16px;
 line-height:16px;
 font-weight:550;
}

.eyar p:nth-of-type(1) {
  border-bottom: 1px solid #555;
  padding-bottom: 4px;
}

  
Следующий
  

    
2017
    
2018