<template>
  <div class="download-button-container" v-bind:class="rootClassName"
    ><button type="button" class="button"
      ><span class="button-text">{{ text }}</span></button
    ></div
  >
</template>

<script>
export default {
  name: 'DownloadButton',
  props: {
    rootClassName: String,
    text: {
      type: String,
      default: 'Schloss',
    },
  },
}
</script>

<style scoped>
.download-button-container {
  display: flex;
  position: relative;
}
</style>
