.actions button.request-access {
  color: #2868e8;
  font-weight: 700;
}

.actions button.request-pending {
  color: #8a97a5;
  cursor: default;
}

.access-request-list {
  padding: 22px 26px;
  display: grid;
  grid-template-columns: 220px 1fr;
  gap: 24px;
  border-bottom: 1px solid #dfe5eb;
  background: #fff8ec;
}

.access-request-list > div:first-child > small {
  color: #b2761d;
  font-size: 8px;
  font-weight: 800;
  letter-spacing: 1.2px;
}

.access-request-list h2 {
  margin: 7px 0 0;
  font-size: 15px;
}

.access-request-list span,
.access-request-list span b,
.access-request-list span small {
  display: block;
}

.access-request-list span {
  padding: 8px 0;
  border-bottom: 1px solid #eadcc5;
}

.access-request-list span small {
  margin-top: 4px;
  color: #8b7451;
  font-size: 9px;
}

@media (max-width: 700px) {
  .access-request-list {
    grid-template-columns: 1fr;
  }
}