.component {
  padding: 30px;
  border-radius: 8px;
  margin-bottom: 30px;
}

/* Background variations */
.component-light {
  background-color: #f5f5f5;
}

.component-primary {
  background-color: #0056b3;
  color: #ffffff;
}

.component-secondary {
  background-color: #D1FFBD;
  color: #ffffff;
}