<template>
  <button class="mai-more-btn" @click="onClick">了解更多</button>
</template>

<script setup lang="ts">

const props = defineProps(['url']);
const router = useRouter();

function onClick() {
  router.push(props.url);
}
</script>

<style lang="scss" scoped>
.mai-more-btn {
  width: 270px;
  height: 80px;
  background: $white;
  border-radius: 50px;
  border: 1px solid #979797;
  font-size: 28px;
}
</style>
