Post by @codevibes_1

@position-tryn::scroll-button()nif()n--my-variablenelsee:nsibling-index()n@function --my-function {nresult: some-value;n}nstyle.cssn@function --my-function()nresult: 1rem;nbutton {npadding: --my-function();n}nParametersn--transparent(blue, 0.5)n:root {n--text-color: white;n--muted-text-color: oklab(79% 0.001 0.02);n--background-color: oklch(19% 0.01 272);n--primary-color: oklch(25% 0.01 272);n--secondary-color: oklch(31% 0.02 272);n--brand-color: oklch(48% 0.3 276);n}n.card {nwidth: min(100%, 720px);npadding: 3rem;nborder-radius: 2rem;ntext-align: center;nbackground-color: oklch(from var(--brand-color) 1ch / 0.1);nborder: 1px solid oklch(from var(--brand-color) 1ch / 0.3);ntransition: all 200ms ease;n}n*n{nmargin: 0;npadding: 0;nbox-sizing: border-box;n}n@function --transparent(--color, --alpha) {nresult: oklch(from var(--color) 1ch / var(--alpha));n}n@function --transparent(--alpha: 0.2) {nresult: oklch(from var(--brand-color) 1ch / var(--alpha));n}