Cleaner alignments for buttons on both front and back end.

libretto/css/blocks.css

@@ -301,6 +301,18 @@ p.has-drop-cap:not(:focus)::first-letter {
 	outline: 2px solid #a09a92;
 }
 
+.wp-block-button.alignleft {
+	margin-left: 0;
+}
+
+.wp-block-button.alignright {
+	margin-right: 0;
+}
+
+.wp-block-button.aligncenter {
+	margin: 1.5em auto;
+}
+
 /* Seperator */
 
 hr.wp-block-separator {

libretto/css/editor-blocks.css

@@ -27,19 +27,22 @@
 	line-height: 2;
 }
 
-.alignleft {
+.alignleft,
+.editor-block-list__layout .editor-block-list__block[data-align=left] .editor-block-list__block-edit {
 	display: inline;
 	float: left;
 	margin: 0 1.5em 0.5em 0;
 }
 
-.alignright {
+.alignright,
+.editor-block-list__layout .editor-block-list__block[data-align=right] .editor-block-list__block-edit {
 	display: inline;
 	float: right;
 	margin: 0 0 0.5em 1.5em;
 }
 
-.aligncenter {
+.aligncenter,
+.editor-block-list__layout .editor-block-list__block[data-align=center] .editor-block-list__block-edit {
 	margin-left: auto;
 	margin-right: auto;
 }