.back-arrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background-color: #f5f5f5;
  color: #333;
  text-decoration: none;
  font-weight: 500;
  padding: 8px 14px;
  border-radius: 6px;
  transition: all 0.2s ease;
  border: 1px solid #ddd;
  font-size: 16px;
}

.back-arrow .arrow {
  font-size: 18px;
  transition: transform 0.2s ease;
}

.back-arrow:hover {
  background-color: #eaeaea;
  color: #000;
  border-color: #ccc;
}

.back-arrow:hover .arrow {
  transform: translateX(-4px);
}

/* for hide - unhide fields */
#frequency_fields,
#document_date_group {
    transition: all 0.3s ease;
}