File size: 884 Bytes
8a1f4e2 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 | <script setup lang="ts">
import Icon from "@/components/Icon.vue";
defineProps<{
link: string
}>();
defineEmits<{
(e: 'redirect-click'): void;
}>()
</script>
<template>
<a class="redirect-button" :href="link" target="_blank" @click="$emit('redirect-click')">
<span>Show more results</span>
<icon class="category-icon" name="arrow" />
</a>
</template>
<style scoped lang="scss">
@import '@/assets/mixins';
@import '@plugin/assets/_variables_override.scss';
.redirect-button {
background: $complementary-900;
@include button-orange;
width: 100%;
@media (max-width: $mobile-768-breakpoint) {
padding: 16px 24px;
width: 70%;
> span {
@include semibold-18-24;
}
}
@media (min-width: $mobile-768-breakpoint) {
width: 250px;
margin-inline: auto;
}
}
</style>
|