.answer-card {
  cursor: pointer;
  transition: all 0.15s;
  background: #e1e1e1;
}
.answer-card:hover {
  transform: scale(1.05);
}

.answer-card {
  margin: 1rem;
  border-radius: 0.625rem;
  padding: 2rem;
  background: #fff;
  box-sizing: border-box;
  box-shadow: 0.1875rem 0.1875rem 0.5rem rgba(0, 0, 0, 0.25);
  transition: all 0.25s;
}

.answer-card:not(:last-of-type) {
  margin-right: 1rem;
}

.answer-card.answered {
  border: 0.25rem solid var(--site-secondary);
}


.option {
    border-radius: 50%;
    margin: 0 auto;
    border: 0.25rem solid #4a4a4a;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    transition: all 0.25s;
  }