Adding simple buttons using Bold Text Links

/* 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