.bcard {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-16);
  width: 100%;
  padding: var(--spacing-24);
  border-radius: var(--radius-8);
  background: var(--color-accent-25);
  font-family: var(--font-family-base);
  font-optical-sizing: none;
}

.bcard *,
.bcard *::before,
.bcard *::after { box-sizing: border-box; }

.bcard p { margin: 0; }

.bcard__icon {
  flex: none;
  display: block;
  width: 24px;
  height: 24px;
  color: var(--color-accent-400);
}

.bcard__text {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-8);
  width: 100%;
  word-break: break-word;
}

.bcard__title { color: var(--color-gray-900); }
.bcard__desc { color: var(--color-gray-700); }