[@bigcommerce/checkout-sdk](../README.md) / ButtonStyles

# Interface: ButtonStyles

## Hierarchy

- [`BlockElementStyles`](BlockElementStyles.md)

  ↳ **`ButtonStyles`**

## Table of contents

### Properties

- [active](ButtonStyles.md#active)
- [backgroundColor](ButtonStyles.md#backgroundcolor)
- [borderColor](ButtonStyles.md#bordercolor)
- [borderWidth](ButtonStyles.md#borderwidth)
- [boxShadow](ButtonStyles.md#boxshadow)
- [color](ButtonStyles.md#color)
- [disabled](ButtonStyles.md#disabled)
- [focus](ButtonStyles.md#focus)
- [fontFamily](ButtonStyles.md#fontfamily)
- [fontWeight](ButtonStyles.md#fontweight)
- [hover](ButtonStyles.md#hover)
- [letterSpacing](ButtonStyles.md#letterspacing)
- [lineHeight](ButtonStyles.md#lineheight)

## Properties

### active

• `Optional` **active**: [`BlockElementStyles`](BlockElementStyles.md)

___

### backgroundColor

• `Optional` **backgroundColor**: `string`

#### Inherited from

[BlockElementStyles](BlockElementStyles.md).[backgroundColor](BlockElementStyles.md#backgroundcolor)

___

### borderColor

• `Optional` **borderColor**: `string`

#### Inherited from

[BlockElementStyles](BlockElementStyles.md).[borderColor](BlockElementStyles.md#bordercolor)

___

### borderWidth

• `Optional` **borderWidth**: `string`

#### Inherited from

[BlockElementStyles](BlockElementStyles.md).[borderWidth](BlockElementStyles.md#borderwidth)

___

### boxShadow

• `Optional` **boxShadow**: `string`

#### Inherited from

[BlockElementStyles](BlockElementStyles.md).[boxShadow](BlockElementStyles.md#boxshadow)

___

### color

• `Optional` **color**: `string`

#### Inherited from

[BlockElementStyles](BlockElementStyles.md).[color](BlockElementStyles.md#color)

___

### disabled

• `Optional` **disabled**: [`BlockElementStyles`](BlockElementStyles.md)

___

### focus

• `Optional` **focus**: [`BlockElementStyles`](BlockElementStyles.md)

___

### fontFamily

• `Optional` **fontFamily**: `string`

#### Inherited from

[BlockElementStyles](BlockElementStyles.md).[fontFamily](BlockElementStyles.md#fontfamily)

___

### fontWeight

• `Optional` **fontWeight**: `string`

#### Inherited from

[BlockElementStyles](BlockElementStyles.md).[fontWeight](BlockElementStyles.md#fontweight)

___

### hover

• `Optional` **hover**: [`BlockElementStyles`](BlockElementStyles.md)

___

### letterSpacing

• `Optional` **letterSpacing**: `string`

#### Inherited from

[BlockElementStyles](BlockElementStyles.md).[letterSpacing](BlockElementStyles.md#letterspacing)

___

### lineHeight

• `Optional` **lineHeight**: `string`

#### Inherited from

[BlockElementStyles](BlockElementStyles.md).[lineHeight](BlockElementStyles.md#lineheight)
