.flat-layer {
	@apply contents;
}

.flat-layer > * {
	@apply relative;
}

.flat-layer > * > * {
	@apply relative;
}

.flat-layer:not(.no-hover) > *::before {
	@apply absolute inset-0 opacity-0 transition-opacity pointer-events-none bg-current;
	content: '';
	border-radius: inherit;
}

.flat-layer > *:hover::before {
	opacity: 0.15;
}

.outlined > * {
	@apply border border-current;
}