Align Faire iframe widget in custom liquid block

[MichelleSpaTech]

I am creating a wholesale catalog on my website. To shop, clients have to go to another website (Faire). Faire has a button widget that directs clients to their website to shop. I'd like the button to be aligned to the left so that it's in line with the text above it. How do I do this with CSS?

The widget is in a custom liquid block on a product template.

Page  URL: https://spatechnologies.com/products/professional-sample-pack

Widget code:

<iframe src="https://www.faire.com/embed/bw_qbzzr7tsq4" width="360"
height="64"
scrolling="no" style="margin:0 auto;border:none;display:block;max-width:100%;width:360px;height:64px;"></iframe>

[BSS-TekLabs]

I can't load it. What's wrong with it now?

[MichelleSpaTech]

I'm not sure why it wasn't loading for you. I haven't run into that problem.

[Asad-Mahmood]

Replace the iframe code with this

<iframe src="https://www.faire.com/embed/bw_qbzzr7tsq4" width="360"
height="64"
scrolling="no" style="margin:0px;border:none;display:block;max-width:100%;width:360px;height:64px;"></iframe>

and go to your online store -> customize  -> settings -> custom css and paste  this code there

.ldmCfa {
    margin: 0px !important;
}

[MichelleSpaTech]

Thank you. This moved the button slightly to the left, but it's still not aligned with the text above it.

[Asad-Mahmood]

Replace the iframe code with this and check

<div class="Fiare-Widget-Div">
<iframe src="https://www.faire.com/embed/bw_qbzzr7tsq4" width="360"
height="64"
scrolling="no" style="margin:0px;border:none;display:block;max-width:100%;width:360px;height:64px;"></iframe></div>
<style>
@media (min-width: 992px) {
    .Fiare-Widget-Div {
        left: -42px;
        position: relative;
    }
}
</style>

[MichelleSpaTech]

That worked for desktop view, but not for mobile. On mobile, it's still centered. 

[Asad-Mahmood]

Go to your online store -> customize -> settings -> custom css and paste this code there 

@media (max-width: 767px) {
    .Fiare-Widget-Div {
        left: -25px;
        position: relative;
    }
}