> For the complete documentation index, see [llms.txt](https://docs.trysavvy.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.trysavvy.com/how-tos/design-how-tos/how-to-style-individual-buttons-by-button-key-in-options-selectors.md). # How to style individual buttons (by button key) in Options Selectors Customizing styles for buttons in a common options selector may be necessary, such as to achieve varied text and box shadow color as seen in the image below.
{% embed url="" %} #### Selecting the component to style: 1. In the “**Edit**” sub-menu open the “**Designer**” card. 2. Select the "**Options buttons**" component you want to style on your page. #### Setting the Designer card to style a specific button: 1. Click “**+ Sub-Element**”. 2. In the “**Elements**” selector, select “**Button**”. 3. Click “**+ By Button**”. 4. In the “**By Key**” selector choose the key that belongs to the button you want to style. That’s it, you now know how to give a different style to each button! **👍** ### Related Docs:
How to style a rounded bullet-like checkbox for options buttons2023-03-02_17h01_08.pngHow to style a rounded bullet-like checkbox for options buttons
How to style a specific component element (E.g. buttons image)2023-03-07_10h04_09.pngHow to style a specific component element (E.g. buttons image)