<template>
  <a
    class="growth-podcast"
    rel="nofollow"
    href="https://podcasts.apple.com/ua/podcast/belkins-growth-podcast/id1485224953"
    target="_blank">
    <VButton
      size="medium"
      justify="center"
      icon-left="headphones"
      class="button">
      Listen
    </VButton>
  </a>
</template>

<script lang="ts">
import { defineComponent } from 'vue';
import VButton from '@/components/ui/common/VButton.vue';

export default defineComponent({
  components: { VButton },
});
</script>

<style lang="scss" scoped>
.growth-podcast {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  height: 270px;
  padding-bottom: 32px;

  background: url('@/assets/img/pages/appointment-setting/podcast-bg.svg')
    center no-repeat;
  background-size: cover;
  border-radius: 16px;
}
</style>
