@use '@talend/design-tokens/lib/tokens' as tokens;
////
/// Bootstrap input groups customization
/// @group Input groups
////

.input-group {
	&-btn {
		> .btn {
			padding-top: $input-group-btn-padding;
			padding-bottom: $input-group-btn-padding;
		}
	}

	&-addon {
		background-color: tokens.$coral-color-neutral-background-medium;
		color: tokens.$coral-color-neutral-text;
		border-color: tokens.$coral-color-neutral-border;

		padding-top: $input-group-addon-padding;
		padding-bottom: $input-group-addon-padding;
	}
}