.translation-drill,
.response-drill {
  width: 100%;
  border-collapse: collapse;
}

.translation-drill tr,
.response-drill tr {
  vertical-align: top;
}

.translation-drill td,
.response-drill td {
  padding: 0.25rem 0.5rem 0.25rem 0;
}

.translation-drill-number,
.response-drill-number {
  width: 2rem;
  color: #555;
  white-space: nowrap;
}

.translation-drill tr .text-de,
.response-drill-answer {
  filter: blur(4px);
  user-select: none;
  transition: filter 0.15s ease;
}

.translation-drill tr:hover .text-de,
.response-drill tr:hover .response-drill-answer {
  filter: none;
  user-select: auto;
}

.translation-drill tr:hover,
.response-drill tr:hover {
  background: #e3f2fd;
}