fix: Button inner elements must not have a pointer event

elements/_sections.scss

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

modules/io/_io_module.scss

@@ -14,13 +14,22 @@ footer {
 		}
 
 		.a_button {
-			color: $color_text_io;
+			@extend .button_io;
-			background-color: $color_back_io;
+		}
 
-			&:active,
+		input {
-			&:focus,
+			@extend .input_io;
-			&:hover {
+		}
-				background-color: transparentize($color_highlight_basic, 0.8);
+
+		select {
+			@extend .io_select;
+		}
+
+		button {
+			@extend .button_io;
+
+			&>* {
+				pointer-events: none;
 			}
 		}
 	}
@@ -38,21 +47,9 @@ aside {
 			margin-inline: $space_half;
 		}
 
-		input {
-			@extend .input_io;
-		}
-
 		textarea {
 			@extend .io_textarea;
 		}
-
-		select {
-			@extend .io_select;
-		}
-
-		button {
-			@extend .button_io;
-		}
 	}
 }