+
+.wp-core-ui .button-group > .button:focus {
+ position: relative;
+ z-index: 1;
+}
+
+/* ----------------------------------------------------------------------------
+ 5.0 - Responsive Button Styles
+---------------------------------------------------------------------------- */
+
+@media screen and ( max-width: 782px ) {
+
+ .wp-core-ui .button,
+ .wp-core-ui .button.button-large,
+ .wp-core-ui .button.button-small,
+ input#publish,
+ input#save-post,
+ a.preview {
+ padding: 6px 14px;
+ line-height: normal;
+ font-size: 14px;
+ vertical-align: middle;
+ height: auto;
+ margin-bottom: 4px;
+ }
+
+ #media-upload.wp-core-ui .button {
+ padding: 0 10px 1px;
+ height: 24px;
+ line-height: 22px;
+ font-size: 13px;
+ }
+
+ .media-frame.mode-grid .bulk-select .button {
+ margin-bottom: 0;
+ }
+
+ /* Publish Metabox Options */
+ .wp-core-ui .save-post-status.button {
+ position: relative;
+ margin: 0 14px 0 10px; /* 14px right margin to match all other buttons */
+ }
+
+ /* Reset responsive styles in Press This, Customizer */
+
+ .wp-core-ui.wp-customizer .button,
+ .press-this.wp-core-ui .button,
+ .press-this input#publish,
+ .press-this input#save-post,
+ .press-this a.preview {
+ padding: 0 10px 1px;
+ font-size: 13px;
+ line-height: 26px;
+ height: 28px;
+ margin: 0;
+ vertical-align: inherit;
+ }
+
+ /* Reset responsive styles on Log in button on iframed login form */
+
+ .interim-login .button.button-large {
+ height: 30px;
+ line-height: 28px;
+ padding: 0 12px 2px;
+ }
+
+}