+.left, .right {
+ float: left;
+ width: 50%;
+}
+
+.button-container-horizontal, .button-container-vertical {
+ margin: 15px 0;
+ text-align: center;
+}
+.button-container-vertical {
+ float: left;
+}
+/* All children except first: margin: 30px */
+.button-container-horizontal .btn:not(:first-child) {
+ margin-left: 30px;
+}
+.button-container-vertical .btn {
+ display: block;
+ margin-left: 30px;
+}
+.button-container-vertical .btn:not(:first-child) {
+ margin-top: 30px;
+}
+
+button.validate {
+ background-image: linear-gradient(to bottom, #6fa162, #40992e);
+}
+button.validate:hover {
+ background-image: linear-gradient(to bottom, #37cc4e, #40c24f);
+}
+button.cancel {
+ background-image: linear-gradient(to bottom, #d93470, #b82b47);
+}
+button.cancel:hover {
+ background-image: linear-gradient(to bottom, #fc433c, #d93434);
+}
+