.quiz button, .quiz input[type="submit"] {
  border: none;
  display: inline-block;
  margin: 20px 10px 0 0;
  padding: 10px 60px;
  background: #333333;
  color: #fff;
  border-radius: 2px;
  font-weight: bold;
  -webkit-transition: background .2s linear;
  transition: background .2s linear; }
  .quiz button:disabled, .quiz input[type="submit"]:disabled {
    background: #aaa;
    cursor: not-allowed;
    -webkit-transition: background .2s linear;
    transition: background .2s linear; }
  .quiz button.prev, .quiz input[type="submit"].prev {
    background: transparent;
    color: #333333;
    border: 1px solid #333333; }

.recommends {
  position: relative; }
  .recommends .feedback-hero {
    width: 360px;
    max-width: 100%; }
  .recommends .stars {
    position: relative;
    color: #ccc;
    font-size: 28px;
    margin-bottom: 10px; }
    .recommends .stars:hover .star:not(.star-hover-active) {
      color: #ccc; }
  .recommends .star {
    display: inline-block;
    width: 32px;
    height: 32px; }
    .recommends .star-active, .recommends .star-hover-active {
      color: #e62b1e; }
  .recommends .tooltip {
    background: #333;
    white-space: nowrap; }
    .recommends .tooltip-wrapper {
      top: -5px; }
  .recommends .tooltip:after {
    content: '';
    display: block;
    position: absolute;
    right: 100%;
    top: 50%;
    margin-top: -13px;
    width: 0;
    height: 0;
    border-top: 13px solid transparent;
    border-right: 13px solid #333;
    border-bottom: 13px solid transparent;
    border-left: 13px solid transparent; }
  .recommends textarea {
    border: 1px solid #ccc;
    border-radius: 3px;
    width: 100%;
    min-height: 170px;
    resize: none; }