elements/_sections.scss

@@ -152,7 +152,7 @@ aside {
 		ul.vertical li {
 			margin-bottom: $space_half;
 
-			.a_button>i:last-child {
+			.a_button > *:last-child {
 				margin-left: auto;
 			}
 		}
@@ -256,21 +256,25 @@ header {
 	}
 }
 
-// Footer
+header // Footer
+
 // -----------------------------------------------------------------------------
 footer {
 	&.io {
-		nav {
-			@extend %flex-inline;
-			align-items: stretch;
-
-			input,
-			select,
-			button,
-			span,
-			div:not(.spacer) {
-				padding: 0 $space_half !important;
+		input {
+			@extend .input_io;
 		}
+
+		textarea {
+			@extend .io_textarea;
+		}
+
+		select {
+			@extend .io_select;
+		}
+
+		button {
+			@extend .button_io;
 		}
 	}
 }

modules/io/_io_module.scss

@@ -6,30 +6,21 @@ footer {
 			margin: 0;
 		}
 
-		nav>div:not(.spacer),
-		nav>span,
+		nav > div:not(.spacer),
+		nav > span,
 		.a_button {
 			@extend %basic;
 			@extend %size_io_button;
 		}
 
 		.a_button {
-			@extend .button_io;
-		}
+			color: $color_text_io;
+			background-color: $color_back_io;
 
-		input {
-			@extend .input_io;
-		}
-
-		select {
-			@extend .io_select;
-		}
-
-		button {
-			@extend .button_io;
-
-			&>* {
-				pointer-events: none;
+			&:active,
+			&:focus,
+			&:hover {
+				background-color: transparentize($color_highlight_basic, 0.8);
 			}
 		}
 	}
@@ -47,9 +38,21 @@ aside {
 			margin-inline: $space_half;
 		}
 
+		input {
+			@extend .input_io;
+		}
+
 		textarea {
 			@extend .io_textarea;
 		}
+
+		select {
+			@extend .io_select;
+		}
+
+		button {
+			@extend .button_io;
+		}
 	}
 }