.kyc-btn {
  font-weight: 500;
  padding: 6px 14px;
  font-size: 13px;
  border-radius: 6px;
  transition: all 0.3s ease;
  display: inline-block;
  font-family: var(--in-font-sans-serif);
}

/* Small devices (mobile) */
@media (max-width: 576px) {
  .kyc-btn {
    padding: 4px 10px;
    font-size: 11px;
    border-radius: 4px;
    min-width: auto;
  }
}

/* Status Colors */
.kyc-btn.status-none {
  background-color: #d28fdb;
  color: white;
  border: none;
}

.kyc-btn.status-none:hover {
  background-color: #c26ec8;
}

.kyc-btn.status-pending {
  background-color: #ffc107;
  color: #333;
  border: none;
  cursor: not-allowed;
}

.kyc-btn.status-approved {
  display: none !important;
  background-color: #198754;
  color: white;
  border: none;
  cursor: not-allowed;
}

.kyc-btn.status-declined {
  background-color: #dc3545;
  color: white;
  border: none;
}

.kyc-btn.status-declined:hover {
  background-color: #bb2d3b;
}

.kyc-btn.status-resubmission_requested {
  background-color: #fd7e14;
  color: white;
  border: none;
}

.kyc-btn.status-resubmission_requested:hover {
  background-color: #e56a00;
}

.kyc-btn.status-expired {
  background-color: #6c757d;
  color: white;
  border: none;
}

.kyc-btn.status-expired:hover {
  background-color: #5c636a;
}