manage margins

Author: timur27

client/checkout/express-checkout-buttons.scss

@@ -14,15 +14,16 @@
 		min-height: 0;
 		margin: 0;
 
-		&:empty {
-			margin: 0;
-			padding: 0;
-			height: 0;
-		}
-
 		&.is-ready {
-			margin-top: 12px;
 			opacity: 1;
+
+			&:first-child {
+				margin-top: 4px;
+			}
+
+			&:not( :first-child ) {
+				margin-top: 12px;
+			}
 		}
 	}
 
@@ -33,6 +34,10 @@
 	.woocommerce-checkout & {
 		margin-top: 0;
 	}
+
+	> div {
+		margin-top: 4px;
+	}
 }
 
 // This fixes width calculation issues inside the iframe for blocks and shortcode pages.