<template>
  <div class="lang-button">
    <slot></slot>
  </div>
</template>

<style lang="scss">
.lang-button {
  position: fixed;
  inset: 0.25rem 0.5rem auto auto;
  min-width: 3rem;
  z-index: 9001;
  cursor: pointer;

  &:before {
    position: absolute;
    inset: 0.325rem 0 0.7rem 0;
    content: '';
    background-color: var(--color-background);
    border-radius: 0.3rem;
  }

  svg {
    fill: var(--color-text);
  }
}
</style>
