Tildes votes

HTML

<button class="vote">
  <span class="number">17</span>
  <span class="label">votes</span>
</button>

SCSS

.vote {
  font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
  width:60px;
  height:44x;
  border:1px dashed #2074af;
  background-color:transparent;
  color:#2074af;
  padding:4px;
  transition: all .2s ease;
  &:hover {
    background-color:#2074af40;
  }
  &:focus {
    .number {
      font-weight:bold;
    }
    border:1px solid #4f55b8;
    color:#4f55b8;
    background-color:#4f55b840;
    &:hover {
      background-color:#4f55b860;  
    }
  }
  .number {
    font-size:18px;
    line-height:20px;
  }
  .label {
    font-size:12px;
    line-height:12px;
  }
}