<template>
    <div class="become-seller">
        <p>
            {{ $t('becomeSeller') }}!
            <br />
            {{ $t('sellingInAsanMarket') }}
        </p>
        <Button :label="$t('becomeSeller')" rasiad text @click="$router.push('/panel/seller/become')" />
    </div>
</template>

<script setup>

</script>

<style lang="scss">
.become-seller {
    @apply w-[21.4rem] h-[29.4rem] p-6 flex flex-col justify-between rounded-[0.6rem];
    @apply bg-no-repeat bg-cover bg-[url('/images/sell.svg')];
    @apply lg:w-[24.2rem] lg:h-[34.9rem] lg:p-8;

    p {
        @apply text-right text-white text-xl lg:text-2xl font-bold font-vazir;
    }

    button {
        @apply w-[18.4rem] h-12 lg:w-[20.2rem] bg-white rounded-[0.6rem] mx-auto border-none #{!important};

        .p-button-label {
            @apply text-[#47B556] text-xs lg:text-sm font-medium font-vazir;
        }

    }
}
</style>
