@use '../tokens/index.scss' as tokens;
@use './transparency.scss' as transparency;

%dismiss {
	@include transparency.transparent-effects;

	display: inline-block;
	color: currentColor;
	font-size: 1rem;
	cursor: pointer;
}

@mixin dismiss {
	@extend %dismiss;
}

@mixin dismiss-square {
	@extend %dismiss;

	width: 1em;
	height: 1em;
	padding: 0;
	border: 0;
	border-radius: tokens.$border-radius-rounded;
}