.btn {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: var(--btn-padding-md);
  font-size: var(--font-sm);
  font-weight: var(--font-weight-bold);
  font-family: var(--font-family);
  text-decoration: none;
  border: var(--border-thick) solid var(--white);
  cursor: pointer;
  transition: all var(--transition-fast);
  position: relative;
  overflow: hidden;
  text-transform: uppercase;
  letter-spacing: var(--letter-spacing-wide);
}

.btn i {
  font-size: 1rem;
  transition: transform var(--transition-fast);
}

.btn:hover i {
  transform: scale(1.1);
}

.btn-primary {
  background: var(--black-lighter);
  color: var(--white);
  border: 2px solid var(--pink);
  border-radius: 8px;
  box-shadow: 4px 4px 0 var(--pink-darker);
}

.btn-primary:hover {
  transform: translate(-2px, -2px);
  box-shadow: 6px 6px 0 var(--pink-darker);
}

.btn-primary:active {
  transform: translate(0, 0);
  box-shadow: 2px 2px 0 var(--pink-darker);
}

.btn-secondary {
  background: var(--black-lighter);
  color: var(--white);
  border: 2px solid var(--blue);
  border-radius: 8px;
  box-shadow: 4px 4px 0 var(--blue-dark);
}

.btn-secondary:hover {
  transform: translate(-2px, -2px);
  box-shadow: 6px 6px 0 var(--blue);
  border-color: var(--blue);
}

.btn-secondary:active {
  transform: translate(0, 0);
  box-shadow: 2px 2px 0 var(--blue);
}

.btn-discord {
  background: var(--black-lighter);
  color: var(--white);
  border: 2px solid var(--pink);
  border-radius: 8px;
  box-shadow: 4px 4px 0 var(--pink-darker);
}

.btn-discord:hover {
  transform: translate(-2px, -2px);
  box-shadow: 6px 6px 0 var(--pink-darker);
}

.btn-discord:active {
  transform: translate(0, 0);
  box-shadow: 2px 2px 0 var(--pink-darker);
}

.btn-ghost {
  background: var(--black-lighter);
  color: var(--white);
  border: 2px solid var(--white-a30);
  border-radius: 8px;
  box-shadow: 4px 4px 0 var(--white-faint);
}

.btn-ghost:hover {
  transform: translate(-2px, -2px);
  box-shadow: 6px 6px 0 var(--white-a20);
  border-color: var(--white-a50);
}

.btn-ghost:active {
  transform: translate(0, 0);
  box-shadow: 2px 2px 0 var(--white-faint);
}

.btn-danger {
  background: var(--black-lighter);
  color: var(--white);
  border: 2px solid var(--danger);
  border-radius: 8px;
  box-shadow: 4px 4px 0 var(--danger-dark);
}

.btn-danger:hover {
  transform: translate(-2px, -2px);
  box-shadow: 6px 6px 0 var(--danger-dark);
}

.btn-danger:active {
  transform: translate(0, 0);
  box-shadow: 2px 2px 0 var(--danger-dark);
}

.btn-success {
  background: var(--black-lighter);
  color: var(--white);
  border: 2px solid var(--success);
  border-radius: 8px;
  box-shadow: 4px 4px 0 var(--success-dark);
}

.btn-success:hover {
  transform: translate(-2px, -2px);
  box-shadow: 6px 6px 0 var(--success-dark);
}

.btn-success:active {
  transform: translate(0, 0);
  box-shadow: 2px 2px 0 var(--success-dark);
}

.btn-warning {
  background: var(--black-lighter);
  color: var(--white);
  border: 2px solid var(--danger);
  border-radius: 8px;
  box-shadow: 4px 4px 0 var(--danger-dark);
}

.btn-warning:hover {
  transform: translate(-2px, -2px);
  box-shadow: 6px 6px 0 var(--danger-dark);
}

.btn-warning:active {
  transform: translate(0, 0);
  box-shadow: 2px 2px 0 var(--danger-dark);
}

.btn-premium {
  background: var(--black-lighter);
  color: var(--white);
  border: 2px solid var(--gold);
  border-radius: 8px;
  box-shadow: 4px 4px 0 var(--gold-dark);
}

.btn-premium:hover {
  transform: translate(-2px, -2px);
  box-shadow: 6px 6px 0 var(--gold-dark);
}

.btn-premium:active {
  transform: translate(0, 0);
  box-shadow: 2px 2px 0 var(--gold-dark);
}

.btn-sm {
  padding: 0.6rem 1.25rem;
  font-size: 0.8rem;
}

.btn-lg {
  padding: 1rem 2rem;
  font-size: 0.95rem;
}

.dashboardList-addButton:disabled {
  background: var(--black-a35);
  color: var(--white-dim);
  border-color: var(--white-faint);
  box-shadow: 2px 2px 0 var(--black-lightest);
  cursor: not-allowed;
  transform: none;
}

@media (max-width: 480px) {
  .btn {
    width: 100%;
    justify-content: center;
  }
}