<script lang="ts">
  const { onclick }: { onclick: () => void } = $props();
</script>

<div style="margin-bottom: 1em">
  <button type="button" class="button-back" {onclick}>&larr; Zurück</button>
</div>

<style lang="scss">
  button.button-back {
    background: none;
    border: none;
    color: var(--ligatabelle-primary);
    font-size: 1em;
    cursor: pointer;
    padding: 0;
    text-decoration: none;

    &:hover {
      text-decoration: underline;
    }
  }
</style>
