sfp_front_nuxt_iguassu_alliance/app/components/CtaButton.vue

<template>
  <button
    class="group bg-linear-to-r from-[#8DC63F] to-[#5F980F] text-white text-lg md:text-xl lg:text-2xl font-semibold flex justify-center items-center gap-3 border border-[#E3FA6D] rounded-lg px-3 py-4 lg:py-6 lg:px-8 whitespace-nowrap transition-all duration-300 ease-in-out hover:scale-[1.03] hover:shadow-[0_0_28px_rgba(227,250,109,0.45)] hover:brightness-110 cursor-pointer"
    v-bind="$attrs"
  >
    <slot>Fale com um especialista agora!</slot>
    <NuxtImg src="/img/cta_btn_icon.svg" width="30" class="transition-transform duration-300 group-hover:translate-x-1.5" />
  </button>
</template>