// icon
.icon {
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-size: 100% 100%;

  &-answer {
    width: 20px;
    height: 20px;
    background-image: url(../images/icon-answer.png);
  }
  &-check {
    background-image: url(../images/icon-check.png);
  }
  &-download {
    background-image: url(../images/icon-download.png);
  }
  &-face {
    background-image: url(../images/icon-face.png);
  }
  &-login {
    background-image: url(../images/icon-login.png);
  }
  &-paper {
    background-image: url(../images/icon-paper.png);
  }
  &-phone {
    background-image: url(../images/icon-phone.png);
  }
  &-question {
    width: 20px;
    height: 20px;
    background-image: url(../images/icon-question.png);
  }
  &-submit {
    background-image: url(../images/icon-submit.png);
  }
}