Adding simple buttons using Bold Text Links

Add this code to the Code > CSS section of your site to turn Bold Text links into Clickable buttons on your site.

/* Button code  This will set any single-line bold link with a background color to be a button.   To use, select all the text in the block (dont select the block itself, just select the text) and make it bold, set a background color, and paste the link.*/:root {  /* CTA button styles */  --cta-padding: 12px 16px!important;  --cta-open-padding: 10px 16px !important;  --cta-border-radii: 30px!important;  --cta-color-text: #fff !important;  --cta-color-bg: #ccc !important; /* default if no background set */    /* Set default colors in case theme is not applied - if you prefer not to use the Super Theme Designer for the colors, then you can uncomment this code to set button colors   --gray-h: 36;  --gray-s: 2%;  --brown-h: 19;  --brown-s: 31%;  --orange-h: 30;  --orange-s: 87%;  --yellow-h: 38;  --yellow-s: 62%;  --green-h: 149;  --green-s: 31%;  --blue-h: 202;  --blue-s: 53%;  --purple-h: 274;  --purple-s: 32%;  --pink-h: 328;  --pink-s: 48%;  --red-h: 2;  --red-s: 62%; */  /* Change the luminosity - this changes the brightness / intensity of the buttons based on the Notion colors set in the Super Theme Designer */  --color-lum: 40%;   /* Set the background colors for buttons */  --color-bg-gray:hsl(var(--gray-h),var(--gray-s), var(--color-lum))!important;  --color-bg-brown:hsl(var(--brown-h),var(--brown-s), var(--color-lum))!important;  --color-bg-orange:hsl(var(--orange-h),var(--orange-s), var(--color-lum))!important;  --color-bg-yellow:hsl(var(--yellow-h),var(--yellow-s), var(--color-lum))!important;  --color-bg-green:hsl(var(--green-h),var(--green-s), var(--color-lum))!important;  --color-bg-blue:hsl(var(--blue-h),var(--blue-s), var(--color-lum))!important;  --color-bg-purple:hsl(var(--purple-h),var(--purple-s), var(--color-lum)) !important;  --color-bg-pink:hsl(var(--pink-h),var(--pink-s), var(--color-lum)) !important;  --color-bg-red:hsl(var(--red-h),var(--red-s), var(--color-lum)) !important;}/*Button*/.notion-root .notion-text .notion-text__content .notion-sema

/* Button code This will set any single-line bold link with a background color to be a button. To use, select all the text in the block (dont select the block itself, just select the text) and make it bold, set a background color, and paste the link.*/:root { /* CTA button styles */ --cta-padding: 12px 16px!important; --cta-open-padding: 10px 16px !important; --cta-border-radii: 30px!important; --cta-color-text: #fff !important; --cta-color-bg: #ccc !important; /* default if no background set */ /* Set default colors in case theme is not applied - if you prefer not to use the Super Theme Designer for the colors, then you can uncomment this code to set button colors --gray-h: 36; --gray-s: 2%; --brown-h: 19; --brown-s: 31%; --orange-h: 30; --orange-s: 87%; --yellow-h: 38; --yellow-s: 62%; --green-h: 149; --green-s: 31%; --blue-h: 202; --blue-s: 53%; --purple-h: 274; --purple-s: 32%; --pink-h: 328; --pink-s: 48%; --red-h: 2; --red-s: 62%; */ /* Change the luminosity - this changes the brightness / intensity of the buttons based on the Notion colors set in the Super Theme Designer */ --color-lum: 40%; /* Set the background colors for buttons */ --color-bg-gray:hsl(var(--gray-h),var(--gray-s), var(--color-lum))!important; --color-bg-brown:hsl(var(--brown-h),var(--brown-s), var(--color-lum))!important; --color-bg-orange:hsl(var(--orange-h),var(--orange-s), var(--color-lum))!important; --color-bg-yellow:hsl(var(--yellow-h),var(--yellow-s), var(--color-lum))!important; --color-bg-green:hsl(var(--green-h),var(--green-s), var(--color-lum))!important; --color-bg-blue:hsl(var(--blue-h),var(--blue-s), var(--color-lum))!important; --color-bg-purple:hsl(var(--purple-h),var(--purple-s), var(--color-lum)) !important; --color-bg-pink:hsl(var(--pink-h),var(--pink-s), var(--color-lum)) !important; --color-bg-red:hsl(var(--red-h),var(--red-s), var(--color-lum)) !important;}/*Button*/.notion-root .notion-text .notion-text__content .notion-sema