diff --git a/src/components/AllAroundBtn.vue b/src/components/AllAroundBtn.vue
new file mode 100644
index 00000000..b8df5735
--- /dev/null
+++ b/src/components/AllAroundBtn.vue
@@ -0,0 +1,18 @@
+<script setup lang="ts">
+defineProps<{
+  label: string;
+  color?: string;
+}>();
+</script>
+
+<template>
+  <div
+    class="q-pl-md q-pr-sm row items-center justify-between rounded"
+    :style="`border:1px solid ${color};color:${color}`"
+  >
+    {{ $t(label) }}
+    <q-icon name="mdi-arrow-right" class="q-ml-md" />
+  </div>
+</template>
+
+<style scoped></style>