1 files changed, 8 insertions, 5 deletions
diff --git a/day9/task5_vue/src/components/AddNewEntryButton.vue b/day9/task5_vue/src/components/AddNewEntryButton.vue
index dc86907..6b7e19b 100644
--- a/day9/task5_vue/src/components/AddNewEntryButton.vue
+++ b/day9/task5_vue/src/components/AddNewEntryButton.vue
@@ -36,7 +36,10 @@
     }
 </script>
 
-<style scoped>
+<style scoped lang="less">
+    @button-radius: 100px;
+    @button-hovered-width: 300px;
+
     button {
         overflow: hidden;
         white-space: nowrap;
@@ -44,9 +47,9 @@
         position: fixed;
 
         padding: 5px;
-        border-radius: 50px;
-        width: 100px;
-        height: 100px;
+        border-radius: @button-radius / 2;
+        width: @button-radius;
+        height: @button-radius;
         border: none;
         background-color: #2871e2;
         color: white;
@@ -60,7 +63,7 @@
     }
 
     button:hover {
-        width: 300px;
+        width: @button-hovered-width;
         font-size: 30px;
         background-color: #286bd6;
     }