.approval-modal__header {
  display: flex;
  flex-direction: var(--flex-direction-col);
  gap: var(--spacing-2);
  border-bottom: var(--border-style-solid) var(--border-width-thin)  var(--gray-200);
  margin-bottom: var(--spacing-6);
}

.approval-modal__title-row{
  display: flex;
  align-items: var(--items-center);
  gap: var(--gap-lg);
  margin-bottom: var(--spacing-6);
}

.approval-modal__title {
  font-size: var(--font-size-lg);
  font-weight: var(--font-weight-bold);
  color: var(--gray-900);
  margin: 0;
}

.approval-modal__pill {
  flex-shrink: 0;
}

.approval-modal__body {
  display: flex;
  flex-direction: var(--flex-direction-col);
  gap: var(--gap-xl);
}

.approval-modal__body_header{
  display: flex;
  flex-direction: var(--flex-direction-col);
  gap: var(--gap-xl);
}

.approval-modal__body_header_line{
  display: flex;
  flex-direction: var(--flex-direction-row);
  gap: var(--gap-xl);
}

.approval-modal__body_header_box {
  display: flex;
  flex-direction: var(--flex-direction-col);
  gap: var(--gap-xs);
  height: 44px;
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-normal);
  color: var(--gray-900);
  width: 100%;
}

.approval-modal__body_header_box p{
  color: var(--gray-900);
}

.approval-modal__body .separator{
  width: 100%;
  border-top: var(--border-style-solid) var(--border-width-thin) var(--gray-300);
}

.approval-modal__body .justification-input{
  min-height: var(--spacing-32);
}

.approval-modal__body .btn-submit, .approval-details__body .btn-submit{
  width: 288px;
}

.approval-modal__footer{
  position: fixed;
  bottom: var(--spacing-10);
}