.document-name-holder {
  background: #F5F5F5;
  transition: ease-in-out 0.5s;
  margin-bottom: 1rem !important;
  border-radius: var(--bs-border-radius-lg) !important;
  padding: 1rem !important;
}

.document-name-holder:hover {
  background: rgb(140, 140, 140);
  transition: ease-in-out 0.5s;
  cursor: pointer;
  transform: scale(1.02);
}
.document-name-holder:hover p {
  color: var(--bs-body-bg) !important;
}