.kartu-wadah {
  container-type: inline-size;
}

.kartu-isi {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.badge {
  background-color: rgb(148, 163, 184);
  color: rgb(255, 255, 255);
  padding: 4px 12px;
  border-radius: 999px;
  align-self: flex-start;
}

@container (min-width: 400px) {
  .kartu-isi {
    flex-direction: row;
    align-items: center;
  }
  .badge {
    background-color: rgb(37, 99, 235);
  }
}