// Static styles - specificity (0,1,0) and higher.
.wp-block-spectra-pro-loop-builder-child-pagination {

	// Dynamic styles - specificity (0,2,0) and higher.
	&[class*="wp-block"] {

		// Variable-based CSS - Background Color Secondary.
		&.spectra-background-color-secondary {
			background: var(--spectra-background-color-secondary);
		}

		// Variable-based CSS - Background Gradient Secondary.
		&.spectra-background-gradient-secondary {
			background: var(--spectra-background-gradient-secondary);
		}

		// Variable-based CSS - Button Background Color Secondary Hover.
		&.spectra-background-color-secondary-hover:hover {
			background: var(--spectra-background-color-secondary-hover);
		}

		// Variable-based CSS - Background Gradient Secondary Hover.
		&.spectra-background-gradient-secondary-hover {
			background: var(--spectra-background-gradient-secondary-hover);
		}
	}
}
