/* Contact components only: no table, row, column or cell selectors. */
.contact-icons.contact-icons-shortcode {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	white-space: nowrap;
	vertical-align: middle;
}

.contact-icons.contact-icons-shortcode.contact-icons-right,
.contact-icons.contact-icons-shortcode.contact-icons-center {
	display: flex;
}

.contact-icons.contact-icons-shortcode.contact-icons-right {
	justify-content: flex-end;
}

.contact-icons.contact-icons-shortcode.contact-icons-center {
	justify-content: center;
}

.contact-icons.contact-icons-shortcode.contact-icons-left {
	justify-content: flex-start;
}

.contact-icons.contact-icons-shortcode a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	color: inherit;
	text-decoration: none;
}

/* Suppress the old TablePress pseudo-icons during a gradual migration. */
.contact-icons.contact-icons-shortcode a::before,
.contact-icons.contact-icons-shortcode a::after {
	content: none;
	display: none;
}

.contact-icons.contact-icons-shortcode .contact-icon {
	display: block;
	width: 20px;
	height: 20px;
	flex: 0 0 auto;
}

.contact-icons.contact-icons-shortcode .contact-divider {
	display: block;
	height: 14px;
	border-left: 1px solid #ccc;
}

.contact-icons.contact-icons-shortcode br {
	display: none;
}

.contact-icons.contact-icons-shortcode a:hover {
	opacity: .65;
}

.contact-icons.contact-icons-shortcode a:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: 4px;
	border-radius: 2px;
}