---
const { ...attrs } = Astro.props;
---

<a {...attrs}>
	<slot />
</a>
<style>
	a {
		clip-path: var(--clip-chip);
		background-color: rgba(var(--lavender-rgb), 0.2);
		color: rgba(var(--lavender-rgb), 0.75);
		font-weight: 600;
		padding: 2px 7px;
		margin-right: 10px;
		gap: 5px;
		display: flex;
		align-items: center;
		text-decoration: none;
	}
</style>
