<template>
  <a class="textButton" :href="to"><slot/></a>
</template>

<script>
export default {
  name: "TextButton",
  props: {
    to: String,
  },
}
</script>

<style scoped>
.textButton{
  background-color: #399d9d;
  padding: 1rem;
  border-radius: .25rem;
  margin: 1rem 0;
  color: #222;
  text-decoration: none;
  cursor: pointer;
  display: block;
  width: fit-content;
  box-shadow: 4px 4px 8px #2222;
  font-weight: bold;
}
</style>
