@each $key, $value in $border-colors {
	.#{$atom-prefix}bdcl-#{$key} {
		--bdcl-opacity: 1;
		border-color: #{$value} !important;
	}
	.#{$atom-prefix}bdtcl-#{$key} {
		--bdcl-opacity: 1;
		border-top-color: #{$value} !important;
	}
	.#{$atom-prefix}bdbtcl-#{$key} {
		--bdcl-opacity: 1;
		border-bottom-color: #{$value} !important;
	}
	.#{$atom-prefix}bdlcl-#{$key} {
		--bdcl-opacity: 1;
		border-left-color: #{$value} !important;
	}
	.#{$atom-prefix}bdrcl-#{$key} {
		--bdcl-opacity: 1;
		border-right-color: #{$value} !important;
	}
}

@each $key, $value in $opacity {
	.#{$atom-prefix}bdcl-opacity-#{$key} {
		--bdcl-opacity: #{$value};
	}
}

@each $breakpointName, $breakpointSize in $breakpoints {
	@media (min-width: $breakpointSize) {
		@each $key, $value in $colors {
			.#{$atom-prefix}bdcl-#{$key}\:#{$breakpointName} {
				border-color: #{$value} !important;
			}
			.#{$atom-prefix}bdtcl-#{$key}\:#{$breakpointName} {
				border-top-color: #{$value} !important;
			}
			.#{$atom-prefix}bdbtcl-#{$key}\:#{$breakpointName} {
				border-bottom-color: #{$value} !important;
			}
			.#{$atom-prefix}bdlcl-#{$key}\:#{$breakpointName} {
				border-left-color: #{$value} !important;
			}
			.#{$atom-prefix}bdrcl-#{$key}\:#{$breakpointName} {
				border-right-color: #{$value} !important;
			}
		}
	}
}

@each $key, $value in $colors {
	.#{$atom-prefix}bdcl-#{$key}\:hover {
		&:hover {
			border-color: #{$value} !important;
		}
	}
	.#{$atom-prefix}bdtcl-#{$key}\:hover {
		&:hover {
			border-top-color: #{$value} !important;
		}
	}
	.#{$atom-prefix}bdbtcl-#{$key}\:hover {
		&:hover {
			border-bottom-color: #{$value} !important;
		}
	}
	.#{$atom-prefix}bdlcl-#{$key}\:hover {
		&:hover {
			border-left-color: #{$value} !important;
		}
	}
	.#{$atom-prefix}bdrcl-#{$key}\:hover {
		&:hover {
			border-right-color: #{$value} !important;
		}
	}
} ;