<template>
  <div class="counter">
    <slot></slot>
  </div>
</template>

<script setup>

</script>

<style lang="scss" scoped>
.counter {
  position: absolute !important;
  top: -10px;
  right: -15px;
  background-color: $accent;
  border-radius: 50%;
  width: 20px;
  aspect-ratio: 1;
  display: grid;
  place-items: center;

  font-size: 14px;
  font-weight: 600;
  color: $white;
}
</style>