<script>
	import { PRICES } from "#lib/constants";
</script>
	
<div id ="card-BA-G-promo" 
class="	box card hidden bg-white px-6 py-4 mb-5
        lg:block">

<div class="grid">

<h2>Bedarfssausweis Gewerbe</h2>
<hr class="mb-4">
<img class="w-[80%] justify-self-center !min-w-[100px] mb-[1rem]" src="/images/right-sidebar/UMBE_gewerbegebaeude.svg" alt="Wohnhaus Verbrauchsausweis"/>

<a href="#" id="link-BA-promo" 
        class="	w-[90%] justify-self-center text-center text-white font-[700] bg-secondary rounded-md px-3 py-1 mt-2 no-underline text-[1rem]
                hover:bg-primary
        " >jetzt Bedarfssausweis erstellen</a>
</div>

<p class="promo tracking-tighter absolute top-[9.7rem] left-[2.5rem] text-[2rem] text-gray-700">ab<span class="promo pl-[0.2rem]">300</span>€</p>

</div>


<style lang="scss">

</style>
