# gutenberg/23.3.1/build/styles/block-library/button/editor.css

Gutenberg, version 23.3.1. 30 lines.

- Page: https://pluginprobe.com/plugins/gutenberg/23.3.1/code/build/styles/block-library/button/editor.css
- Raw: https://pluginprobe.com/plugins/gutenberg/23.3.1/raw/build/styles/block-library/button/editor.css
- Modified: 2026-01-20T14:42:56+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/gutenberg/23.3.1/code/build/styles/block-library/button/editor.css#L10-L20`.

```css
/**
 * Colors
 */
.wp-block[data-align=center] > .wp-block-button {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.wp-block[data-align=right] > .wp-block-button {
  /*!rtl:ignore*/
  text-align: right;
}

.wp-block-button {
  position: relative;
  cursor: text;
}
.wp-block-button:focus {
  box-shadow: 0 0 0 1px #fff, 0 0 0 3px var(--wp-admin-theme-color);
  outline: 2px solid transparent;
  outline-offset: -2px;
}
.wp-block-button[data-rich-text-placeholder]::after {
  opacity: 0.8;
}

div[data-type="core/button"] {
  display: table;
}
```