/*
 * Selektable Frontend Styles
 *
 * Applies custom button styles when CSS variables are set via inline style attributes.
 * Selectors are scoped to elements that actually declare the variables, so default
 * button styles are not affected when no customisation is configured.
 */

[style*="--selektable-bg"] {
	background-color: var(--selektable-bg) !important;
}

[style*="--selektable-color"] {
	color: var(--selektable-color) !important;
}

[style*="--selektable-radius"] {
	border-radius: var(--selektable-radius) !important;
}

[style*="--selektable-border"] {
	border: 1px solid var(--selektable-border) !important;
}