.specular-docs-Showcase-Card-4 {
  display: grid;
  gap: 0.5rem;
  padding: 1.25rem;
  background: rgb(255, 255, 255);
  color: rgb(26, 26, 26);
  border: 1.0px solid rgb(226, 226, 226);
  border-radius: 10.0px;
  box-shadow: 0.0px 1.0px 2.0px rgb(0 0 0 / 0.04);
}

.specular-docs-Showcase-AccentButton-2 {
  padding: 0.45rem 0.9rem;
  border: none;
  border-radius: 6.0px;
  background: rgb(11, 95, 255);
  color: rgb(255, 255, 255);
  font-weight: 600;
  cursor: pointer;
}
.specular-docs-Showcase-AccentButton-2:hover {
  background: rgb(9, 74, 204);
}

.specular-docs-Showcase-Row-2 {
  display: flex;
  gap: 1.0rem;
  flex-wrap: wrap;
  align-items: stretch;
}

.specular-docs-Showcase-Card-2 {
  display: grid;
  gap: 0.5rem;
  padding: 1.25rem;
  background: rgb(255, 255, 255);
  color: rgb(26, 26, 26);
  border: 1.0px solid rgb(226, 226, 226);
  border-radius: 10.0px;
  box-shadow: 0.0px 1.0px 2.0px rgb(0 0 0 / 0.04);
}

.specular-docs-Showcase-Callout-2 {
  padding: 1.0rem 1.25rem;
  border-left: 4.0px solid rgb(11, 95, 255);
  background: rgb(238, 244, 255);
  color: rgb(26, 26, 26);
  border-radius: 0.0px 8.0px 8.0px 0.0px;
  margin: 0.75rem 0.0px;
}

.specular-docs-Showcase-Badge-2 {
  display: inline-block;
  padding: 0.15rem 0.55rem;
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: rgb(11, 95, 255);
  background: rgb(232, 240, 255);
  border-radius: 999.0px;
}