.scrolla-ai-highlight-card {
position: relative;
padding-bottom: 18px !important;
border-radius: var(--scrolla-ai-highlight-radius);
box-shadow:
inset 0 0 0 var(--scrolla-ai-highlight-border-width) var(--scrolla-ai-highlight-border),
0 0 var(--scrolla-ai-highlight-glow-size) rgba(var(--scrolla-ai-highlight-glow), 0.4);
transition: box-shadow 160ms ease;
}
.scrolla-ai-highlight-card:hover {
box-shadow:
inset 0 0 0 var(--scrolla-ai-highlight-border-width) var(--scrolla-ai-highlight-border),
0 0 calc(var(--scrolla-ai-highlight-glow-size) + 4px) rgba(var(--scrolla-ai-highlight-glow), 0.5);
}
.scrolla-ai-highlight-card::after {
content: var(--scrolla-ai-highlight-badge-text);
position: absolute;
right: 5px;
bottom: 5px;
z-index: 3;
padding: 1px 4px;
border-radius: 2px;
background: var(--scrolla-ai-highlight-border);
color: #fff;
font-size: 9px;
line-height: 1.2;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .02em;
pointer-events: none;
}
.scrolla-ai-highlight-title {
display: inline;
color: var(--scrolla-ai-highlight-headline) !important;
border-bottom: var(--scrolla-ai-highlight-border-width) solid var(--scrolla-ai-highlight-border);
box-shadow: 0 0 var(--scrolla-ai-highlight-glow-size) rgba(var(--scrolla-ai-highlight-glow), 0.25);
text-shadow: 0 0 var(--scrolla-ai-highlight-glow-size) rgba(var(--scrolla-ai-highlight-glow), 0.2);
}
.scrolla-ai-highlight-card .entry-title,
.scrolla-ai-highlight-card .entry-title a,
.scrolla-ai-highlight-card h1,
.scrolla-ai-highlight-card h2,
.scrolla-ai-highlight-card h3,
.scrolla-ai-highlight-card h1 a,
.scrolla-ai-highlight-card h2 a,
.scrolla-ai-highlight-card h3 a,
.scrolla-ai-highlight-single .td-post-title .entry-title,
.scrolla-ai-highlight-single .tdb-title-text,
.scrolla-ai-highlight-single h1.entry-title {
color: var(--scrolla-ai-highlight-headline) !important;
}
.scrolla-ai-highlight-card .td-excerpt,
.scrolla-ai-highlight-card .td-module-excerpt,
.scrolla-ai-highlight-card .entry-summary,
.scrolla-ai-highlight-card p,
.scrolla-ai-highlight-single .td-post-content,
.scrolla-ai-highlight-single .tdb_single_content,
.scrolla-ai-highlight-single .entry-content {
color: var(--scrolla-ai-highlight-text) !important;
}
.scrolla-ai-highlight-single .td-post-content p,
.scrolla-ai-highlight-single .td-post-content li,
.scrolla-ai-highlight-single .tdb_single_content p,
.scrolla-ai-highlight-single .tdb_single_content li,
.scrolla-ai-highlight-single .entry-content p,
.scrolla-ai-highlight-single .entry-content li {
color: var(--scrolla-ai-highlight-text) !important;
}