.referral-link-panel .referral-share-grid {
  display: grid;
  gap: 10px;
}

.referral-link-panel .referral-link-row,
.referral-link-panel .referral-code-row {
  display: flex;
  align-items: center;
  gap: 9px;
  min-width: 0;
  padding: 8px;
  border: 1px solid #4b3059;
  border-radius: 8px;
  background: #21102e;
}

.referral-link-panel .referral-code-row {
  justify-content: space-between;
  padding: 12px 14px;
  border-color: rgba(191, 184, 44, .4);
  background: rgba(191, 184, 44, .09);
}

.referral-link-panel .share-label {
  display: block;
  margin: 0 8px 3px;
  color: #b7aabc;
  font: 9px 'DM Mono', monospace;
  letter-spacing: .7px;
  text-transform: uppercase;
  white-space: nowrap;
}

.referral-link-panel .referral-link-row .share-label {
  display: none;
}

.referral-link-panel .referral-code-row strong {
  display: block;
  margin: 0 8px;
  color: var(--lime);
  font: 700 17px 'DM Mono', monospace;
  letter-spacing: 1.2px;
}

.referral-link-panel .referral-link-row code {
  flex: 1;
  min-width: 0;
}

.referral-link-panel .link-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
}

.referral-link-panel .link-action i {
  font-size: 10px;
}

@media (max-width: 600px) {
  .referral-link-panel .referral-link-row {
    flex-wrap: wrap;
  }

  .referral-link-panel .referral-link-row code {
    flex-basis: 100%;
    order: 2;
    padding: 5px 9px;
  }

  .referral-link-panel .referral-link-row .link-action {
    order: 3;
    flex: 1;
  }

  .referral-link-panel .referral-code-row {
    align-items: flex-start;
  }

  .referral-link-panel .referral-code-row .link-action {
    flex-shrink: 0;
  }
}