.evv-wpb-content {
	margin-bottom: 1.75rem;
}

.evv-wpb-content .evv-tabs {
	margin-top: 1.25rem;
}

.evv-wpb-content .evv-link-grid + .evv-tabs {
	margin-top: 0.5rem;
}

/*
 * WPBakery-added pills live inside the theme's .evv-entry-content, whose link
 * rule underlines every <a>. Keep them looking like the theme's own buttons.
 */
.evv-wpb-content .evv-link-pill,
.evv-wpb-content .evv-link-pill:hover,
.evv-wpb-content .evv-link-pill:focus {
	text-decoration: none;
}

/*
 * Themes commonly decorate links to files (.pdf, .doc, ...) inside the entry
 * content with their own icon on ::before. Such a rule also matches a file
 * pill's href, which makes the file button show two icons (the inherited file
 * glyph plus the Tabler icon below) that are not aligned with the label.
 * EVV pills ship their own icon, so drop any inherited decoration here. The
 * extra .evv-link-grid class keeps the selector strong enough to win against a
 * theme rule such as .evv-entry-content a:is([href$=".pdf"], ...)::before.
 */
.evv-wpb-content .evv-link-grid .evv-link-pill::before,
.evv-wpb-content .evv-link-grid .evv-link-pill::after {
	content: none;
	display: none;
}

/*
 * Keep the pill icon vertically centred on the label. The host theme only
 * sizes the <i> itself, so the wrapping <span class="evv-link-pill-icon">
 * inherited the page line-height and pushed the glyph off the text baseline.
 * Sizing the wrapper as a flex box makes the icon a single 1rem box that the
 * pill's own align-items:center can centre exactly.
 */
.evv-wpb-content .evv-link-pill-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	width: 1rem;
	height: 1rem;
	line-height: 1;
}

/*
 * Only the <i> inside the wrapper may draw the icon; make sure a theme or
 * plugin style cannot add a second decorative glyph to the same box.
 */
.evv-wpb-content .evv-link-pill-icon::before,
.evv-wpb-content .evv-link-pill-icon::after {
	content: none;
}

.evv-wpb-content .evv-link-pill-icon i {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1rem;
	height: 1rem;
	font-size: 1rem;
	line-height: 1;
	vertical-align: middle;
}