@spaced-out/ui-design-system/lib/components/TextTile/TextTile.module.css

Sense UI components library

@value (
  spaceSmall,
  spaceXSmall
) from '../../styles/variables/_space.css';
@value (
  colorFillPrimary,
  colorInformation
) from '../../styles/variables/_color.css';
@value (size44) from '../../styles/variables/_size.css';

.textTileWrapper {
  display: flex;
  gap: spaceSmall;
  flex-direction: column;
  align-items: center;
}

.textTileTitle {
  display: flex;
  gap: spaceXSmall;
  justify-content: center;
  margin-left: calc(-1 * size44);
}

.sparkles {
  background: linear-gradient(to right, colorFillPrimary, colorInformation);
  background-clip: text;
  -webkit-text-fill-color: transparent;
}