/* =========================
   BUTTONS
========================= */

.btn-primary {

  background: var(--accent-primary);

  color: white;

  padding: 14px;

  border-radius: var(--radius-sm);

  font-weight: 700;
}


/* =========================
   INPUT GROUP
========================= */

.input-group {

  border-bottom: 1px solid
    var(--border-secondary);

  padding-bottom: 10px;
}


.input-group input {

  width: 100%;

  background: transparent;

  border: none;
  outline: none;

  color: var(--text-primary);
}


.input-group input::placeholder {

  color: var(--text-muted);
}


/* =========================
   CARD
========================= */

.card {

  background: var(--bg-card);

  border-radius: var(--radius-md);

  padding: 16px;
}