Call to Action โ
/* Turn a single line callout block into a button (Entire block is clickable) */
.notion-callout {
position: relative!important;
}
.notion-callout .notion-callout__content:first-of-type > .notion-semantic-string span .notion-link {
position: absolute!important;
height: 100%!important;
width: 100%!important;
top: 0!important;
left: 0!important;
right: 0!important;
bottom: 0!important;
padding: var(--callout-padding)!important;
padding-left: 50px!important;
border: none!important;
}
Call to Action โ
/* Turn bold text link blocks into a button */
.notion-root .notion-text .notion-text__content .notion-semantic-string span strong .notion-link, .notion-text .notion-text__content .notion-semantic-string span .notion-link strong {
padding: var(--cta-padding)!important;
border: var(--cta-border)!important;
box-shadow: var(--cta-shadow)!important;
border-radius: var(--cta-border-radius)!important;
opacity: 1!important;
font-weight: 400!important;
display: inline-flex!important;
justify-content: center!important;
transition: all .2s ease!important;
/* You can change the button colors here */
background: #f0bd66!important;
color: #ffffff!important;
}
/*Button hover*/
.notion-root .notion-text p.notion-text__content span.notion-semantic-string span strong a.notion-link:hover, .notion-text p.notion-text__content span.notion-semantic-string span a.notion-link strong:hover{
opacity: .7!important;
}