.enb-component {
	margin-block-start: 20px;

	.components-button {

		&.is-active {
			color: var(--enb-color-white) !important;
		}

		&:focus {
			outline: none !important;
			box-shadow: none !important;
		}

		&.enb-control-button,
		&.enb-device-toggle-button,
		&.enb-linked-toggle-button {
			min-inline-size: 24px;
			inline-size: 24px;
			min-block-size: 24px;
			block-size: 24px;
			padding: 0;
			border-radius: 50%;
			box-shadow: none;

			&:not(:disabled):hover {
				border-radius: 50%;
				background-color: var(--enb-color-200);
			}
		}

		svg {
			inline-size: 20px;
			block-size: auto;
			color: var(--enb-color-700);
		}

		&:disabled svg {
			color: var(--enb-color-400);
		}
	}


	.components-button + .components-button:not(.enb-reset-button) {
		margin: 0;
	}

	.components-input-control__input {
		padding-inline-end: 0 !important;
	}

	.components-base-control:last-of-type {
		margin: 0;
	}
}

.preview-only {

	.components-textarea-control__input,
	.components-text-control__input {
		margin-block-start: 4px;
		background-color: var(--enb-color-100);
		cursor: not-allowed;
	}
}

.enb-block-icon {
	color: var(--enb-color-primary-600);
}

.is-selected {

	.enb-block-icon {
		color: var(--enb-color-white);
	}
}

.enb-button-control {
	justify-content: center;
	min-block-size: 36px;
	padding: 8px 16px;
	border: 0;
	border-radius: 3px;
	background-color: var(--enb-color-800);
	font-size: 13px;
	letter-spacing: 0.03em;
	line-height: 1;
	color: #fff;
	cursor: pointer;

	&:hover {
		background-color: var(--enb-color-primary-600);
		color: #fff !important;
	}

	&:focus,
	&:active {
		background-color: var(--enb-color-primary-600);
		box-shadow: none !important;
		outline: none !important;
		color: #fff !important;
	}
}

.enb-relative {
	position: relative;
}

.enb-fluid-toggle-button {
	margin: 4px 0 0;
	border: 0;
	block-size: 16px;
	padding: 4px;
	background-color: transparent;
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 0.02em;
	color: var(--enb-color-400);

	&:hover,
	&.active {
		color: var(--enb-color-primary-600);
	}
}