CSS Text Effects Generator

.text-effect {
font-size: 48px;
font-weight: 700;
font-family: Inter, system-ui, sans-serif;
letter-spacing: 0px;
text-transform: none;
background: linear-gradient(90deg, #667eea, #764ba2, #f093fb);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}