/* Remove Notion Header (Page Title, Cover and Icon)*/ .notion-header { display: none!important; }

.super-content { padding-top: 60px!important; /* You can change this number / } / Change default text color / :root { --color-text-default: #375d70!important; } / Change Notion background colors / :root { --color-bg-red-light: #c2d4d6 !important; } / CHANGE ALLLLLL CALLOUTS! */

.notion-callout:hover { box-shadow: 0 10px 10px -10px rgba(0,0,0,0.3) !important; }

.notion-callout:active { box-shadow: 0 10px 10px -10px rgb(0,0,0,0.2) !important; transform: scale(0.96) !important; }

.notion-callout__icon { pointer-events: none !important; }

.notion-callout__icon, .notion-callout__icon div, .notion-callout__icon img { color: #c2d4d6; max-width: auto !important; min-width: auto !important; height: 0px !important; width: 0px !important; }

/* CHANGE THE green call out! */ .notion-callout.bg-green-light { box-shadow: 0 10px 10px -10px rgb(0,0,0,0.2) !important; letter-spacing: -0.4px !important; border-radius: 40px !important; align-items: center !important; width: fit-content !important; position: relative !important; font-weight: 300 !important; border: none !important; }

.notion-callout.bg-green-light { background: #375d70 !important; /* CHANGE THE BUTTON COLOR HERE */ box-shadow: none !important; color: #c2d4d6 !important; }

.notion-callout.bg-green-light p { margin-left:0px !important; font-size: 8px !important; }

.notion-callout.bg-green-light .notion-semantic-string .link { padding: 0px 0px 0px !important; display: inline-block !important; white-space:none font-weight: 300 !important; font-size:20px; border: none !important; opacity:1 !important; }

.notion-callout.bg-green-light .notion-semantic-string .link:hover { border: none !important; }

/* CHANGE THE GRAY call out! */

.notion-callout.bg-gray-light { box-shadow: 0 10px 10px -10px rgb(0,0,0,0.2) !important; letter-spacing: -0.4px !important; border-radius: 40px !important; align-items: center !important; width: fit-content !important; position: relative !important; font-weight: 300 !important; border: none !important; }

.notion-callout.bg-gray-light { background: #FFF !important; /* CHANGE THE BUTTON COLOR HERE */ box-shadow: none !important; color: #323b60 !important; }

.notion-callout.bg-gray-light p { margin-left:0px !important; font-size: 8px !important; }

.notion-callout.bg-gray-light .notion-semantic-string .link { padding: 0px 0px 0px !important; display: inline-block !important; white-space:none font-weight: 300 !important; font-size:20px; border: none !important; opacity:1 !important; }

.notion-callout.bg-gray-light .notion-semantic-string .link:hover { border: none !important; }

/* CHANGE THE BLUE call out! */

.notion-callout.bg-blue-light { box-shadow: none!important; letter-spacing: -0.4px !important; border-radius: 40px !important; align-items: center !important; width: fit-content !important; position: relative !important; font-weight: 200 !important; border: none !important; }

.notion-callout.bg-blue-light { background: #375d70 !important; /* CHANGE THE BUTTON COLOR HERE */ box-shadow: none !important; color: #c2d4d6 !important; }

.notion-callout.bg-blue-light p { margin-left:0px !important; font-size: -10px !important; }

.notion-callout.bg-blue-light .notion-semantic-string .link { padding: none!important; display: inline-block !important; white-space: none!important; font-weight: 10px !important; font-size:20px; border: none !important; opacity:1 !important; }

.notion-callout.bg-blue-light .notion-semantic-string .link:hover { border: none !important; }

/* CHANGE THE YELLOW call out! */

.notion-callout.bg-yellow-light { box-shadow: none !important; letter-spacing: -0.4px !important; border-radius: 40px !important; align-items: center !important; width: fit-content !important; position: relative !important; font-weight: 300 !important; border: none !important; }

.notion-callout.bg-yellow-light { background: #FFF !important; /* CHANGE THE BUTTON COLOR HERE */ box-shadow: none !important; color: #323b60 !important; }

.notion-callout.bg-yellow-light-light p { margin-left:0px !important; font-size: 8px !important; }

.notion-callout.bg-yellow-light .notion-semantic-string .link { padding: 0px 0px 0px !important; display: inline-block !important; white-space:pre!important; font-weight: !important; font-size:30px; border: none !important; opacity:1 !important; }