Improve Rainbow Pool filter form styles

app/assets/stylesheets/pet_types/index.sass

@@ -1,3 +1,21 @@
+@import "../partials/clean/constants"
+
+.pet-filters
+	fieldset
+		display: flex
+		flex-direction: row
+		align-items: center
+		justify-content: center
+		gap: .5em
+
+	legend
+		display: contents
+		font-weight: bold
+
+[role=navigation]
+	margin-block: .5em
+	text-align: center
+
 .pet-types
 	list-style-type: none
 	display: flex
@@ -16,17 +34,22 @@
 		display: block
 		border-radius: 1em
 		padding: .5em
+		text-decoration: none
+		background: white
+		&:hover
+			outline: 1px solid $module-border-color
+			background: $module-bg-color
 
 	img
 		width: 100%
 		height: auto
 		aspect-ratio: 1 / 1
-		position: relative
-		z-index: -1
 		margin-bottom: -1em
 
 	.name
-		background: white
+		background: inherit
 		padding: .25em .5em
 		border-radius: .5em
 		margin: 0 auto
+		position: relative
+		z-index: 1

app/assets/stylesheets/pet_types/show.sass

@@ -18,19 +18,26 @@
 			display: block
 			border-radius: 1em
 			padding: .5em
+			background: white
+			text-decoration: none
+			&:hover
+				outline: 1px solid $module-border-color
+				background: $module-bg-color
 
 	outfit-viewer
 		width: 100%
 		height: auto
 		aspect-ratio: 1 / 1
 		position: relative
-		z-index: -1
+		z-index: 0
 		margin-bottom: -1em
 
 	.name
-		background: white
+		background: inherit
 		padding: .25em .5em
 		border-radius: .5em
+		position: relative
+		z-index: 1
 
 	.glitched
 		cursor: help

app/views/pet_types/index.html.haml

@@ -1,10 +1,12 @@
 - title "Rainbow Pool"
 - use_responsive_design
 
-= form_with method: :get do |form|
+= form_with method: :get, class: "pet-filters" do |form|
-    = form.select :color, @color_names, selected: @selected_color&.human_name, include_blank: "Color…"
+    %fieldset
-    = form.select :species, @species_names, selected: @selected_species&.human_name, include_blank: "Species…"
+        %legend Filter by:
-    = form.submit "Filter"
+        = form.select :color, @color_names, selected: @selected_color&.human_name, include_blank: "Color…"
+        = form.select :species, @species_names, selected: @selected_species&.human_name, include_blank: "Species…"
+        = form.submit "Go"
 
 = will_paginate @pet_types