# Corners

## Changing corners

{% embed url="<https://youtu.be/C7BKAVRWULo>" %}

## Corners Structure

* Radius: From 4px to 22px
* Rounded: Sprites adapted to FloatGrid button sizes
* Masks: Sprites used for cases when not all the corners are equal

Find them in FloatGrids/Design System/Sprites/Corners

### Corner Radius

<figure><img src="https://2267467073-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJTYM2H0ve8KmqJHIoHBt%2Fuploads%2F9e49QwLbWIjcyHJUUBcd%2FCorners.png?alt=media&#x26;token=9bf473db-780f-4db1-a351-446cad5a9da6" alt=""><figcaption></figcaption></figure>

### Variable

<figure><img src="https://2267467073-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJTYM2H0ve8KmqJHIoHBt%2Fuploads%2F3TFj7w7uR2XnDEW3GmMi%2FVariable.png?alt=media&#x26;token=47ee1a62-b3dc-4933-879e-3c2d65705358" alt=""><figcaption></figcaption></figure>