/**
 * AOP Chips base styles.
 * Sensible defaults; the Elementor widget and shortcode attributes
 * override them per instance.
 */

.aop-chips {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	align-items: center;
}

.aop-chip {
	display: inline-flex;
	align-items: center;
	font-size: 13.5px;
	font-weight: 500;
	line-height: 1.2;
	color: #2D2D2D;
	background-color: transparent;
	border: 1px solid #e0e0e0;
	border-radius: 100px;
	padding: 9px 16px;
	text-decoration: none;
	transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
}

a.aop-chip:hover {
	border-color: #FF4D00;
	color: #FF4D00;
	transform: translateY(-1px);
}