/**
 * FeatureChecklist — green check-bullet feature list styles.
 */

@import '../../scss/variables';

.rank-math-ai-visibility-feature-checklist {
	display:        flex;
	flex-direction: column;
	gap:            14px;
	margin:         0;
	padding:        0;
	list-style:     none;

	&__item {
		display:     flex;
		align-items: center;
		gap:         14px;
		margin:      0;
	}

	&__icon.dashicons {
		flex-shrink: 0;
		width:       20px;
		height:      20px;
		font-size:   20px;
		line-height: 1;
		color:       $color-cta;
	}

	&__label {
		font-size:   14px;
		line-height: 1.4;
		color:       $color-text-primary;
	}
}