# OurPass Checkout Button 🔘

The Checkout button looks like this

![](https://4086511181-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MgGlosdv4alEmvaDys7%2Fuploads%2FzgLnV9BisVDIqwZGYozc%2FFrame%20812.png?alt=media\&token=2376d4fd-87fa-4cbd-81ce-ea7a598fb26d)

You can either use this image or build the button (Building the button is preferable make it responsiveness)

Download the button [**`here`**](https://files.fm/f/grsqndm6v)

[**`Click here`**](https://fonts.google.com/specimen/Poppins?query=poppin)**to download font type- Regular 400**

**Download icon** [**`here`**](https://files.fm/f/2b5dmb438)

**Button properties** 

{% tabs %}
{% tab title="Button Properties" %}
**Line:** FFFFFF (100%) 

**Fill Colour:** 1DBC86 (100%) 

**Border Radius: 4.57** .

**Height:** 36.6 

**Width: 204** 
{% endtab %}
{% endtabs %}

### **Button Types**

We have made available 3 button types which include default, compact and large.

**Primary properties**

![](https://4086511181-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MgGlosdv4alEmvaDys7%2Fuploads%2FVml9jYQ2VTdbq0CVfpm5%2FFrame%20806.png?alt=media\&token=3c27bd5b-8978-450c-8a95-024ae8cdd603)

**Default OurPass Button**

![](https://4086511181-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MgGlosdv4alEmvaDys7%2Fuploads%2FvgGHn2xNwqZnQjJJNTqt%2FDefault-20211129-013909.png?alt=media\&token=eda62a70-8436-4176-96d0-0af1e008fc56)

**Compact OurPass Button**

![](https://4086511181-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MgGlosdv4alEmvaDys7%2Fuploads%2FTUuwug6xKqL2Z7TY6kZu%2FCompact%20button-20211129-013918.png?alt=media\&token=97a08e75-4829-4151-b983-a562d67806f0)

**Large OurPass Button**

![](https://4086511181-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MgGlosdv4alEmvaDys7%2Fuploads%2F2sBanvVo9okvr06y4Anr%2FLarge%20Button-20211129-013900.png?alt=media\&token=7dd8c15d-cd9c-4988-9ce2-06bff61b25fe)

## Download all

{% hint style="info" %}
**Click** [**`here`** ](https://files.fm/u/z9aks5ms9#/)
{% endhint %}