* {
  font-family: "Poppins", sans-serif;
}

.font-trio-bangla {
  font-family: "Tiro Bangla", serif;
}

.font-bangla {
  font-family: "Hind Siliguri", sans-serif;
}

.square-btn {
  background-color: #1a91ff10;
  padding: 0.5rem 0.75rem;
  border-radius: 0.375rem;
  transition:
    transform 0.15s ease,
    background-color 0.15s ease;
  cursor: pointer;
}

.square-btn:hover {
  background-color: #1a91ff20;
}

.square-btn:active {
  transform: scale(0.95);
}

.answer {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition:
    max-height 0.35s ease,
    opacity 0.35s ease;
}

.answer.show {
  max-height: 200px;
  opacity: 1;
}

.icon {
  transition: transform 0.25s ease;
}

.icon.rotate {
  transform: rotate(180deg);
}