---
id: 6148dfab9b54c110577de165
title: Step 61
challengeType: 0
dashedName: step-61
---
# --description--
Give the submit button a freeCodeCamp-style design, with the following CSS properties:
```css
display: block;
margin: 40px auto;
width: 40%;
padding: 15px;
font-size: 23px;
background: #d0d0d5;
border: 3px solid #3b3b4f;
```
# --hints--
You should use the `button` element selector.
```js
assert.exists(new __helpers.CSSHelp(document).getStyle('button'));
```
You should give `button` a `display` of `block`.
```js
assert.equal(new __helpers.CSSHelp(document).getStyle('button')?.display, 'block');
```
You should give `button` a `margin` of `40px auto`.
```js
assert.equal(new __helpers.CSSHelp(document).getStyle('button')?.margin, '40px auto');
```
You should give `button` a `width` of `40%`.
```js
assert.equal(new __helpers.CSSHelp(document).getStyle('button')?.width, '40%');
```
You should give `button` a `padding` of `15px`.
```js
assert.equal(new __helpers.CSSHelp(document).getStyle('button')?.padding, '15px');
```
You should give `button` a `font-size` of `23px`.
```js
assert.equal(new __helpers.CSSHelp(document).getStyle('button')?.fontSize, '23px');
```
You should give `button` a `background` of `#d0d0d5`.
```js
assert.equal(new __helpers.CSSHelp(document).getStyle('button')?.backgroundColor, 'rgb(208, 208, 213)');
```
You should give `button` a `border` of `3px solid #3b3b4f`.
```js
assert.equal(new __helpers.CSSHelp(document).getStyle('button')?.border, '3px solid rgb(59, 59, 79)');
```
# --seed--
## --seed-contents--
```html
Accessibility Quiz
