# Next button
This content type can be used when the Next button needs to pulled out of the [layout](https://docs.formsort.com/styling/customizing-appearance/content-area-and-form-layout#layout-editor), and placed inline with the content of the page. A common use case is "Begin Quiz" or "Start Survey" buttons that are placed above images or text.
If the responder clicks the next button while there are remaining unanswered questions on the current step, they will be scrolled to the first unanswered question, with that question highlighted.
#### Next button settings
You can customize the label of the next button, assign a Question ID, and optionally append a variable value to it. The next button variable returns a Boolean—`true` if the button is clicked, and `false` if it is not.
### Overrides
#### Next button overrides
You can override the overall style and horizontal alignment of the next button in the **style** menu of a next button component.
{% hint style="info" %}
For more detailed instructions on styling options, you can refer to [this section](https://docs.formsort.com/styling/customizing-appearance/buttons#next-button).
{% endhint %}
#### Step-level overrides
If you would like to use your default next button styling, but would only like to change either the button text or horizontal alignment, you can do so by going to the style tab with the step selected and using the **Next button overrides** option.
