{% if ebay_custom_button.url is not empty %}
    <a href="{{ebay_custom_button.url}}" class="border-2 rounded-[6px] ebay_custom_button_shadow border-black hover:border-primary h-12 flex items-center justify-center max-w-sm mx-auto mb-8" target="_blank" rel="nofollow">
        <div class="flex text-sm items-center font-semibold">{{ebay_custom_button.text}} 
            <img style="margin-left: 3px;" alt="eBay" height="21" src="{{assets_dir}}/brands/ebay_logo.svg" width="52">
        </div>
    </a>
{% endif %}

<style>
    .ebay_custom_button_shadow {
        box-shadow: -2px 4px 0 #2fafd1;
    }
    .ebay_custom_button_shadow:hover {
        box-shadow: -4px 6px 0 #2fafd1;
    }
</style>