.referral-withdrawals-block .list-component {
  margin-bottom: 24px;
}
.referral-withdrawals-block .list-component > label {
  text-align: center;
}
.referral-withdrawals-block.has-transactions {
  align-content: flex-start;
}
.referral-withdrawals-block .referallWithdrawals-card.card {
  padding: 8px 16px;
}
.referral-withdrawals-block .referallWithdrawals-card.card .content {
  margin-left: unset;
  justify-content: space-between;
  flex-direction: row;
  align-items: center;
  width: 100%;
  position: relative;
  gap: 8px;
}
.referral-withdrawals-block
  .referallWithdrawals-card.card
  .content
  .referallWithdrawals-block {
  display: flex;
  justify-content: space-between;
  flex: 1 1;
}
.referral-withdrawals-block
  .referallWithdrawals-card.card
  .content
  .referallWithdrawals-block
  .top-line {
  gap: 7px;
  display: flex;
  flex-direction: column;
  margin: 0 !important;
}
.referral-withdrawals-block
  .referallWithdrawals-card.card
  .content
  .referallWithdrawals-block
  .top-line
  b.amount {
  text-transform: uppercase;
  font-size: 18px;
  line-height: 140%;
  letter-spacing: -0.045em;
  font-weight: 500;
}
.referral-withdrawals-block
  .referallWithdrawals-card.card
  .content
  .referallWithdrawals-block
  .top-line
  label.status {
  display: flex;
  font-size: 14px;
  line-height: 140%;
  letter-spacing: -0.045em;
  font-weight: 500;
  color: #4d544f;
  text-transform: capitalize;
  gap: 4px;
}
.referral-withdrawals-block
  .referallWithdrawals-card.card
  .content
  .referallWithdrawals-block
  .top-line
  label.status
  b {
  font-size: 14px;
  line-height: 140%;
  letter-spacing: -0.045em;
  font-weight: 400;
  text-transform: uppercase;
}
.referral-withdrawals-block
  .referallWithdrawals-card.card
  .content
  .referallWithdrawals-block
  .top-line
  label.status
  b.Processed,
.referral-withdrawals-block
  .referallWithdrawals-card.card
  .content
  .referallWithdrawals-block
  .top-line
  label.status
  b.processed,
.referral-withdrawals-block
  .referallWithdrawals-card.card
  .content
  .referallWithdrawals-block
  .top-line
  label.status
  b.success {
  color: #34c759;
}
.referral-withdrawals-block
  .referallWithdrawals-card.card
  .content
  .referallWithdrawals-block
  .top-line
  label.status
  b.Submitted,
.referral-withdrawals-block
  .referallWithdrawals-card.card
  .content
  .referallWithdrawals-block
  .top-line
  label.status
  b.submitted,
.referral-withdrawals-block
  .referallWithdrawals-card.card
  .content
  .referallWithdrawals-block
  .top-line
  label.status
  b.wait {
  color: #ff9500;
}
.referral-withdrawals-block
  .referallWithdrawals-card.card
  .content
  .referallWithdrawals-block
  .top-line
  label.status
  b.Processing,
.referral-withdrawals-block
  .referallWithdrawals-card.card
  .content
  .referallWithdrawals-block
  .top-line
  label.status
  b.processing {
  color: #fc0;
}
.referral-withdrawals-block
  .referallWithdrawals-card.card
  .content
  .referallWithdrawals-block
  .top-line
  label.status
  b.Rejected,
.referral-withdrawals-block
  .referallWithdrawals-card.card
  .content
  .referallWithdrawals-block
  .top-line
  label.status
  b.fail,
.referral-withdrawals-block
  .referallWithdrawals-card.card
  .content
  .referallWithdrawals-block
  .top-line
  label.status
  b.rejected {
  color: #ff3b30;
}
.referral-withdrawals-block
  .referallWithdrawals-card.card
  .content
  .referallWithdrawals-block
  .bottom-line {
  gap: 8px;
  display: flex;
  flex-direction: column;
  justify-content: unset !important;
  text-align: right;
}
.referral-withdrawals-block
  .referallWithdrawals-card.card
  .content
  .referallWithdrawals-block
  .bottom-line
  label.number {
  color: #000;
  font-size: 16px;
  line-height: 140%;
  letter-spacing: -0.045em;
  font-weight: 400;
}
.referral-withdrawals-block
  .referallWithdrawals-card.card
  .content
  .referallWithdrawals-block
  .bottom-line
  label.date {
  color: #4d544f;
  font-size: 14px;
  line-height: 140%;
  letter-spacing: -0.045em;
  font-weight: 400;
  letter-spacing: 0.28px;
}
@media screen and (max-width: 600px) {
  .referral-withdrawals-block
    .referallWithdrawals-card.card
    .content
    .referallWithdrawals-block {
    flex-direction: column;
    justify-content: unset;
    position: relative;
  }
  .referral-withdrawals-block
    .referallWithdrawals-card.card
    .content
    .referallWithdrawals-block
    .top-line {
    padding-bottom: 8px;
    border-bottom: 1px solid #e8e8e8;
  }
  .referral-withdrawals-block
    .referallWithdrawals-card.card
    .content
    .referallWithdrawals-block
    .bottom-line {
    text-align: left;
    padding-top: 8px;
  }
}