diff --git a/web/src/components/DiscardHandButton.vue b/web/src/components/DiscardHandButton.vue
index b84ccdb..1e77928 100644
--- a/web/src/components/DiscardHandButton.vue
+++ b/web/src/components/DiscardHandButton.vue
@@ -1,17 +1,35 @@
 <template>
-	<div></div>
+	<div id="DiscardHandButton">
+		AH!
+	</div>
 </template>
 
 <script>
 export default {
 	name: `DiscardHand`,
 	components: {},
+	data() {return {
+		confirmVisible: false,
+	}},
 	computed: {},
-	methods: {},
+	methods: {
+		discardHand() {},
+	},
 }
 </script>
 
-<style>
+<style scoped>
 @import "../css/theme.css";
 @import "../css/style.css";
+
+#DiscardHandButton {
+	background-color: var(--background3);
+	border-radius: 100% 0 0 0;
+	height: var(--size);
+	width: var(--size);
+	position: fixed;
+	--size: 120px;
+	bottom: 0;
+	right: 0;
+}
 </style>
\ No newline at end of file