From e5d49e5515af5debd0c502f67bfab24b68fc58fe Mon Sep 17 00:00:00 2001
From: Govinda <govinda777@gmail.com>
Date: Fri, 29 Nov 2024 22:01:40 -0300
Subject: [PATCH] up

---
 assets/logo.svg                 |  6 ++
 src/components/Navbar/index.tsx |  2 +-
 src/components/Navbar/styles.ts | 98 ++++++++++++++++++++++++---------
 3 files changed, 79 insertions(+), 27 deletions(-)
 create mode 100644 assets/logo.svg

diff --git a/assets/logo.svg b/assets/logo.svg
new file mode 100644
index 0000000..4d29bc7
--- /dev/null
+++ b/assets/logo.svg
@@ -0,0 +1,6 @@
+<svg width="150" height="76" viewBox="0 0 150 76" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="logo">
+<path id="Vector" fill-rule="evenodd" clip-rule="evenodd" d="M37.0316 12.07C36.1493 12.5532 34.5429 14.5321 31.5255 18.8531C28.6865 22.9185 23.5231 30.928 20.3791 36.1432L19.2129 38.0775L18.7721 37.5606C16.4943 34.8894 11.1233 27.5929 8.50261 23.6096C6.83406 21.0734 6.10334 20.425 4.9213 20.4315C3.19429 20.4408 0.921676 22.512 0.909105 24.088C0.900147 25.204 1.87507 26.8369 5.44695 31.6888C6.53093 33.1614 7.74235 34.7914 8.13898 35.3112C8.53561 35.8309 9.34695 36.894 9.94205 37.6736C10.9339 38.973 14.5033 43.4898 14.9868 44.0571C15.1603 44.2607 15.0987 44.4466 14.5902 45.2526C12.2925 48.8947 8.3637 55.6966 5.77758 60.5101C3.24316 65.227 0.1644 71.4523 0.0416702 72.1075C-0.300746 73.9372 1.51238 75.7991 3.81737 75.9845C5.01889 76.0812 5.99082 75.6827 6.64266 74.8264C6.87319 74.5234 7.91112 72.6311 8.94906 70.6213C12.3064 64.1205 16.9175 55.9193 19.6143 51.6525L20.0363 50.9846L22.9349 54.8811C24.5289 57.0243 26.2124 59.3092 26.676 59.9589C28.4448 62.4381 28.796 62.8432 29.4262 63.1302C30.6502 63.6874 32.1284 63.3713 33.3537 62.2903C34.6616 61.1365 35.023 59.7894 34.3778 58.4731C34.2052 58.1209 33.0611 56.5216 31.8353 54.9191C30.6096 53.3166 28.7209 50.8361 27.6383 49.4068C26.5556 47.9776 25.2978 46.3206 24.8431 45.7248C24.123 44.7812 24.0393 44.5984 24.1941 44.3073C24.9117 42.9576 30.4443 34.2829 33.6174 29.5321C35.342 26.95 38.8562 21.9212 40.6398 19.4831C42.8857 16.413 43.1643 15.6741 42.57 14.3631C41.7313 12.5129 38.5944 11.214 37.0316 12.07ZM139.523 21.2972C138.207 21.6675 137.19 22.3024 136.255 23.3374C134.676 25.0851 133.628 27.8327 133.431 30.7438C133.378 31.5234 133.235 32.3575 133.115 32.5974C132.668 33.4849 130.856 35.2167 129.863 35.704C127.394 36.9162 125.289 36.6184 124.422 34.9343C124.074 34.2577 123.938 32.4125 124.11 30.7116C124.522 26.6424 125.76 24.0642 127.431 23.7924C128.732 23.5809 129.537 25.4702 128.779 26.9516C128.541 27.4155 129.03 27.6729 130.147 27.6721C131.821 27.6712 132.748 26.7711 132.749 25.1443C132.75 22.7941 130.858 21.2155 128.04 21.2155C124.153 21.2155 121.121 23.8919 120.011 28.3027C119.769 29.2669 119.653 30.3244 119.596 32.0825C119.522 34.3705 119.489 34.5831 119.062 35.4687C118.542 36.5494 118.389 36.7581 117.76 37.2441C117.317 37.5873 116.499 37.7044 116.155 37.4743C115.546 37.0664 115.485 35.8156 115.873 31.691C116.187 28.3534 116.121 26.4232 115.661 25.5359C114.257 22.8257 110.895 22.7536 108.314 25.3782L107.371 26.3369L107.424 25.3305C107.477 24.3447 107.47 24.3258 107.11 24.4102C106.908 24.4577 106 24.6556 105.092 24.8501C104.185 25.0448 103.393 25.2456 103.333 25.2965C103.272 25.3473 103.032 27.8696 102.799 30.9013L102.375 36.4136L101.828 37.5578C100.614 40.0975 98.2252 41.9257 95.8958 42.098C94.9483 42.168 94.7136 42.1297 94.1706 41.8163C93.4043 41.3739 92.8575 40.3587 92.7981 39.268L92.7563 38.5002L94.0134 38.2016C96.9311 37.5087 99.3858 35.7794 100.409 33.6961C101.052 32.3867 101.217 30.318 100.771 29.1473C99.7564 26.4854 96.6674 25.8148 93.2904 27.5233C90.8124 28.7769 89.1831 31.2686 88.4183 34.9748C88.1458 36.2944 88.1015 36.9474 88.162 38.7417C88.2333 40.8601 88.2247 40.9346 87.7995 41.8358C87.2859 42.9241 86.3814 43.981 85.8492 44.1149C84.7545 44.3902 84.2479 43.4893 84.4044 41.5463C84.8057 36.5689 85.2891 29.3497 85.2253 29.2858C85.1613 29.2218 81.0696 30.1611 80.9265 30.2726C80.871 30.3159 80.2905 39.0359 80.1612 41.7684C80.048 44.162 80.2232 45.2537 80.89 46.3074C81.509 47.2855 82.1186 47.5868 83.4848 47.5895C84.3517 47.5911 84.7763 47.5021 85.4888 47.169C86.6036 46.648 87.9582 45.3867 88.7043 44.1754L89.2667 43.2621L89.7765 43.859C90.057 44.1872 90.6653 44.6628 91.1284 44.9156C91.8337 45.3008 92.1975 45.3865 93.3669 45.4427C96.2768 45.583 98.819 44.4634 101.137 42.0212L101.975 41.1384L101.861 42.4632C101.759 43.6445 101.774 43.7775 102 43.6908C102.139 43.6372 103.119 43.4103 104.177 43.1865C105.234 42.9625 106.112 42.7645 106.127 42.7464C106.142 42.7282 106.342 40.2683 106.571 37.2798C107.119 30.1323 107.178 29.6869 107.713 28.6454C108.347 27.4108 109.093 26.8525 110.13 26.8369C110.831 26.8262 111.001 26.8851 111.311 27.2456C111.842 27.8649 111.901 28.7056 111.625 31.7357C111.083 37.7084 111.43 39.7018 113.19 40.7003C114.027 41.1757 115.578 41.1891 116.799 40.7313C117.841 40.3407 119.26 39.0844 119.933 37.9563L120.396 37.1817L121.347 38.1516C122.583 39.4109 123.426 39.7255 125.521 39.7095C126.757 39.7 127.246 39.6166 128.368 39.2236C130.038 38.6387 131.636 37.5925 132.854 36.2871L133.78 35.2949L134.326 36.2344C134.971 37.3461 136.018 38.2267 137.267 38.7072C138.53 39.1932 141.081 39.305 142.49 38.9363C144.55 38.3969 146.353 37.2512 147.699 35.6261C148.498 34.6623 149.795 32.2274 149.965 31.3729C150.054 30.9251 150.019 30.8843 149.312 30.6218C148.9 30.469 148.517 30.3986 148.459 30.4652C148.401 30.5319 148.232 30.9053 148.083 31.2951C147.389 33.1085 145.52 35.116 143.992 35.6887C141.505 36.6217 139.183 36.1311 138.398 34.5065C138.226 34.149 138.042 33.4042 137.99 32.8514L137.896 31.8463L139.055 31.8964C141.218 31.9898 143.704 31.2047 145.096 29.9879C145.448 29.6806 145.974 28.9807 146.266 28.4328C146.711 27.5952 146.806 27.2327 146.863 26.1569C146.989 23.756 146.095 22.3373 143.907 21.4598C142.935 21.0701 140.634 20.9849 139.523 21.2972ZM140.829 23.7305C139.991 24.0704 139.184 25.4889 138.653 27.5568C137.991 30.1306 137.967 29.8776 138.873 29.8776C139.79 29.8776 141.024 29.4463 141.797 28.8558C143.258 27.739 143.756 24.6241 142.602 23.8146C142.238 23.5588 141.356 23.5169 140.829 23.7305ZM94.8645 29.6064C93.8833 30.2692 92.9459 32.796 92.7272 35.369L92.6285 36.5292L93.0066 36.4182C94.7225 35.9145 96.1551 34.8524 96.7832 33.6186C97.1508 32.8965 97.3383 31.3453 97.1678 30.4352C96.9492 29.2667 95.9172 28.8954 94.8645 29.6064ZM75.2182 31.5118C74.5577 31.6902 72.8854 32.7521 72.8719 33.0015C72.8688 33.0592 72.686 33.3189 72.4658 33.5787L72.0653 34.0512L72.1308 33.1456C72.1729 32.562 72.1358 32.2386 72.0262 32.2359C71.9327 32.2337 70.9917 32.4281 69.935 32.6681L68.014 33.1042L67.9297 33.7351C67.8835 34.0822 67.7061 36.5574 67.5355 39.2356C67.2347 43.9585 67.2117 44.1336 66.7741 45.0628C65.8661 46.9907 64.446 48.4993 62.7624 49.3249C61.753 49.8198 60.3931 50.0588 59.6028 49.8802C58.5126 49.6338 57.6786 48.4346 57.5923 46.9891L57.556 46.3825L58.7346 46.0801C59.3828 45.9138 60.5143 45.4843 61.2489 45.1255C64.3351 43.6186 66.1771 40.5432 65.6529 37.7728C65.4448 36.6732 65.1564 36.1667 64.3171 35.4263C63.2591 34.4928 61.9309 34.238 60.1173 34.6205C56.9413 35.2905 54.371 38.0774 53.3796 41.9259C52.9869 43.4506 52.813 46.5962 53.0531 47.8319L53.2214 48.6981L52.6387 49.2141C52.1044 49.6872 50.3893 50.8243 50.21 50.8243C50.1681 50.8243 50.3137 50.1686 50.5337 49.3675C50.8914 48.0651 50.9348 47.6101 50.9428 45.0758C50.9508 42.5532 50.9148 42.1426 50.6167 41.3482C50.1618 40.1361 49.4147 39.0888 48.638 38.5741C48.0526 38.1862 47.8584 38.1465 46.5668 38.1508C44.8357 38.1564 44.0094 38.4996 42.7234 39.7471L41.8765 40.5686L41.9851 38.9897C42.0865 37.5148 42.075 37.4167 41.8105 37.4976C41.6548 37.5452 40.7141 37.7717 39.7202 38.0007C38.7263 38.2297 37.8637 38.4624 37.8035 38.5177C37.7433 38.5732 37.5846 40.284 37.4507 42.3196C37.0792 47.9669 36.6047 54.9364 36.2677 59.6889C35.7242 67.3546 35.702 68.0592 36.0074 67.9418C36.153 67.8858 37.1451 67.6151 38.2121 67.3403L40.152 66.8406L40.2532 65.3289C40.5461 60.952 40.8398 56.9692 40.9131 56.3784L40.9959 55.7114L41.3854 55.9674C42.0234 56.3863 43.3306 56.6207 44.2965 56.4893C45.65 56.3052 46.7668 55.6877 47.9053 54.4937C48.7563 53.6015 49.0747 53.382 49.9512 53.084C51.0616 52.7063 52.5962 51.8647 53.3807 51.203L53.8617 50.7973L54.6451 51.6563C55.7773 52.898 56.6718 53.2597 58.5775 53.2468C59.8123 53.2385 60.3043 53.1552 61.4246 52.7652C63.1161 52.1762 64.6933 51.1361 65.9711 49.767L66.9575 48.7102L66.8608 50.0823C66.8077 50.8369 66.7785 51.4509 66.7959 51.447C66.8132 51.4429 67.7781 51.2078 68.9398 50.9244C71.0289 50.4148 71.0526 50.4041 71.094 49.9473C71.1169 49.6933 71.2821 47.1822 71.4609 44.367C71.8206 38.7031 71.9611 37.5641 72.4366 36.4561C72.7943 35.6232 73.6006 34.8212 74.2431 34.6596C74.578 34.5753 74.735 34.6421 75.0417 34.9995C75.425 35.4461 75.444 35.8084 75.1418 36.9103C75.0278 37.3266 75.436 37.494 76.5354 37.4819C79.7182 37.4466 80.1114 32.3262 76.9977 31.4595C76.2827 31.2604 76.1322 31.265 75.2182 31.5118ZM60.0928 37.1283C58.7566 37.5249 57.8104 39.7208 57.5408 43.0502C57.4138 44.619 57.4091 44.6165 59.0123 43.8127C60.7831 42.9247 61.8039 41.5298 61.9859 39.7485C62.1764 37.8859 61.3577 36.753 60.0928 37.1283ZM43.392 41.5194C42.9101 41.8139 42.2867 42.54 41.946 43.2035C41.6746 43.7322 41.1089 52.0541 41.3168 52.4592C41.8608 53.5193 42.6992 53.8483 43.7659 53.4205C45.2125 52.8405 46.1189 50.7622 46.473 47.2142C46.6521 45.417 46.4884 43.3914 46.0856 42.4251C45.6099 41.2844 44.4273 40.8867 43.392 41.5194Z" fill="#060606"/>
+<path id="Vector_2" fill-rule="evenodd" clip-rule="evenodd" d="M79.0881 1.50232C78.9316 1.73728 79.2372 4.53553 79.4411 4.73523C79.6353 4.92552 80.0899 4.85766 80.151 4.62934C80.1788 4.52562 80.1321 3.77627 80.0473 2.96406C79.907 1.62151 79.8718 1.47874 79.6594 1.39197C79.3453 1.26363 79.2326 1.28542 79.0881 1.50232ZM72.183 4.72716C71.8791 4.87817 71.8065 5.17953 72.0034 5.47301C72.1815 5.73857 73.9913 7.49718 74.1805 7.58857C74.3702 7.68025 74.8292 7.24647 74.8034 6.99969C74.7907 6.87865 74.3967 6.41268 73.9279 5.9644C73.4589 5.51614 72.9904 5.04536 72.8867 4.91823C72.6496 4.62779 72.4772 4.58088 72.183 4.72716ZM86.37 4.3382C85.74 5.28056 85.5836 5.60265 85.6141 5.89494C85.6481 6.22081 85.6928 6.26305 86.0011 6.26107C86.3151 6.25906 86.423 6.14612 87.0953 5.11473C88.0133 3.70645 88.0221 3.68734 87.9006 3.35397C87.8255 3.14816 87.7252 3.09101 87.4831 3.11641C87.2202 3.144 87.0253 3.35796 86.37 4.3382ZM78.5833 7.58055C76.206 8.3915 74.3912 10.5737 73.9869 13.1073C73.8413 14.02 73.987 15.6695 74.2911 16.5517C74.7929 18.0073 75.7494 19.1519 77.3722 20.2389C77.8292 20.5451 77.8389 20.5647 77.9221 21.3608C78.0332 22.4248 78.4407 22.7991 78.8869 22.2473C79.0294 22.071 79.0334 21.8732 78.9096 21.1151C78.827 20.6098 78.6839 20.0741 78.5917 19.9244C78.4995 19.7748 78.1159 19.4761 77.7394 19.2607C76.1349 18.3428 75.1279 16.748 74.9247 14.8031C74.6191 11.8772 76.4572 9.16945 79.2822 8.38384C81.7548 7.69626 84.7269 8.8328 86.0143 10.9582C87.5777 13.5395 87.1445 16.78 84.9983 18.557C84.419 19.0366 84.2212 19.6795 84.3305 20.7263C84.4262 21.6421 84.5511 21.8485 84.9824 21.8033C85.3455 21.7652 85.4445 21.4286 85.3522 20.545C85.2772 19.8277 85.2924 19.7614 85.6048 19.439C86.9937 18.0048 87.6268 16.8303 87.8659 15.2434C88.0292 14.1602 87.7243 12.1127 87.2638 11.1997C86.2474 9.18511 84.4523 7.77619 82.3569 7.34874C81.3467 7.14266 79.542 7.25355 78.5833 7.58055ZM78.7507 9.39489C76.8383 10.2806 75.801 11.8023 75.6263 13.9782C75.5268 15.2178 76.0079 16.6099 76.8775 17.599C77.1185 17.873 77.6926 18.3477 78.1532 18.6537C79.197 19.3471 79.4878 19.8043 79.6104 20.9447C79.7327 22.0826 79.8503 22.1396 81.6738 21.9443C83.6717 21.7305 83.7992 21.6092 83.6678 20.0467C83.594 19.17 83.7856 18.66 84.3988 18.1017C85.1353 17.4312 85.7276 16.5798 85.995 15.8076C86.2115 15.1823 86.2337 15.0745 86.2337 13.7358C86.0842 12.3042 85.9283 12.2437 85.4107 11.4224C84.0005 9.18457 81.1068 8.30366 78.7507 9.39489ZM68.5012 11.1427C68.2837 11.3023 68.2974 11.7673 68.5242 11.9159C68.736 12.0546 71.2323 12.701 71.4628 12.6768C71.908 12.6301 72.0298 11.912 71.621 11.7449C71.3484 11.6335 68.8545 10.9793 68.759 10.994C68.7206 11 68.6045 11.0669 68.5012 11.1427ZM90.6541 9.2753C89.4616 9.86159 89.2144 10.0866 89.3542 10.4587C89.4994 10.8456 89.8986 10.7723 91.3179 10.0985L92.691 9.44665L92.6501 9.05442C92.6116 8.68603 92.5846 8.6636 92.2069 8.68596C91.9838 8.69906 91.2925 8.9615 90.6541 9.2753ZM70.4141 18.055C69.1006 18.6211 68.8043 18.9246 69.2098 19.2889C69.5106 19.5592 69.588 19.5439 71.0675 18.9219C72.5196 18.3114 72.72 18.1423 72.4787 17.7311C72.2614 17.3609 71.889 17.4193 70.4141 18.055ZM90.0601 15.8287C89.9117 16.1934 90.0938 16.4867 90.5214 16.5715C93.2467 17.1124 93.5776 17.1189 93.5953 16.6317C93.6057 16.3464 93.2606 15.9521 93.0226 15.977C92.9457 15.9851 92.365 15.8896 91.7323 15.7648C90.3711 15.4963 90.1925 15.5031 90.0601 15.8287ZM78.1031 23.1721C78.0082 23.3147 78.0104 23.4188 78.1113 23.5478C78.2984 23.7873 79.1982 23.7735 81.9021 23.4898C84.7313 23.193 85.5388 23.03 85.5621 22.7508C85.6066 22.2191 85.482 22.2144 81.7519 22.6057C78.6822 22.9277 78.2179 22.9999 78.1031 23.1721ZM78.4256 24.1922C78.1759 24.2869 78.0991 24.6943 78.2949 24.8859C78.4243 25.0128 79.0309 24.977 81.9585 24.6698C84.5348 24.3995 85.4997 24.2613 85.5899 24.1498C85.7744 23.9216 85.7003 23.6054 85.437 23.4978C85.2089 23.4047 78.8387 24.0356 78.4256 24.1922ZM80.0029 25.4006C79.976 25.5013 80.0051 25.8551 80.0677 26.1866C80.2024 26.8998 80.5719 27.371 81.1592 27.5784C81.709 27.7725 83.0899 27.6279 83.5871 27.3242C84.0474 27.043 84.457 26.4519 84.4982 26.0094C84.5279 25.6914 84.5597 25.6716 85.1401 25.6107C85.6269 25.5596 85.7702 25.499 85.8461 25.3125C85.9693 25.0097 85.9658 24.9946 85.731 24.8037C85.436 24.5641 80.0774 25.1225 80.0029 25.4006ZM80.9322 26.1217C80.8984 26.1634 80.9386 26.313 81.0214 26.4541C81.4182 27.1301 83.3075 26.8902 83.619 26.1243C83.6712 25.9962 83.7108 25.8623 83.707 25.8266C83.6979 25.7394 81.0101 26.0252 80.9322 26.1217Z" fill="#ECC904"/>
+</g>
+</svg>
diff --git a/src/components/Navbar/index.tsx b/src/components/Navbar/index.tsx
index cd13a3e..0f221e9 100644
--- a/src/components/Navbar/index.tsx
+++ b/src/components/Navbar/index.tsx
@@ -5,7 +5,7 @@ const Navbar: React.FC = () => {
   return (
     <Header>
       <Logo>
-        <img src="/assets/logo.jpg" alt="Xperience" />
+      <img src="assets/logo.svg" alt="Xperience" />
       </Logo>
       <Nav>
         <a href="#">Soluções</a>
diff --git a/src/components/Navbar/styles.ts b/src/components/Navbar/styles.ts
index 5219dbd..1ab2e1b 100644
--- a/src/components/Navbar/styles.ts
+++ b/src/components/Navbar/styles.ts
@@ -5,67 +5,97 @@ export const Header = styled.header`
   display: flex;
   justify-content: space-around;
   align-items: center;
-  padding: 0.75rem 1.5rem;
+  padding: 1.25rem 4.5rem;
   width: 100%;
   position: fixed;
   top: 0;
   left: 0;
   z-index: 1000;
-  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.03);
+  transition: box-shadow 0.3s ease;
+
+  &:hover {
+    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
+  }
 
   @media (max-width: 1024px) {
-    padding: 0.75rem;
+    padding: 1rem;
     flex-wrap: wrap;
-    gap: 0.5rem;
+    gap: 0.75rem;
     justify-content: center;
   }
 `;
 
 export const Logo = styled.div`
   flex-shrink: 0;
+  display: flex;
+  align-items: center;
   
   img {
-    height: 35px;
+    height: 32px;
     width: auto;
+    transition: transform 0.2s ease;
+  }
+
+  &:hover img {
+    transform: scale(1.02);
   }
 
   @media (max-width: 1024px) {
     width: 100%;
-    text-align: center;
+    justify-content: center;
   }
 `;
 
 export const Nav = styled.nav`
   display: flex;
-  gap: 1.5rem;
+  gap: 2.75rem;
   align-items: center;
   justify-content: center;
-  margin: 0 1rem;
+  margin: 0 3rem;
 
   a {
-    color: #1a1a1a;
+    color: #1E1E1E;
     text-decoration: none;
-    font-size: 0.95rem;
-    font-weight: 500;
-    transition: color 0.2s ease;
+    font-size: 0.9375rem;
+    font-weight: 400;
+    transition: all 0.2s ease;
     white-space: nowrap;
+    position: relative;
+    letter-spacing: 0.2px;
+
+    &:after {
+      content: '';
+      position: absolute;
+      width: 0;
+      height: 2px;
+      bottom: -4px;
+      left: 0;
+      background-color: #000;
+      transition: width 0.2s ease;
+      border-radius: 2px;
+    }
 
     &:hover {
-      color: #666;
+      color: #000;
+      
+      &:after {
+        width: 100%;
+      }
     }
   }
 
   @media (max-width: 1024px) {
     width: 100%;
-    margin: 0.5rem 0;
+    margin: 0.75rem 0;
     flex-wrap: wrap;
-    gap: 1rem;
+    gap: 1.5rem;
   }
 `;
 
 export const ButtonsContainer = styled.div`
   display: flex;
-  gap: 0.75rem;
+  gap: 1rem;
   align-items: center;
   flex-shrink: 0;
 
@@ -76,36 +106,52 @@ export const ButtonsContainer = styled.div`
 `;
 
 export const LoginButton = styled.a`
-  padding: 0.5rem 1.25rem;
+  padding: 0.6875rem 1.625rem;
   border: 1.5px solid #000;
-  border-radius: 50px;
+  border-radius: 100px;
   color: #000;
   text-decoration: none;
   font-weight: 500;
-  font-size: 0.95rem;
+  font-size: 0.9375rem;
   transition: all 0.2s ease;
   white-space: nowrap;
+  background-color: transparent;
+  letter-spacing: 0.2px;
 
   &:hover {
-    background-color: #000;
-    color: white;
+    background-color: rgba(0, 0, 0, 0.04);
+    transform: translateY(-1px);
+    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
+  }
+
+  &:active {
+    transform: translateY(0);
   }
 `;
 
 export const SignUpButton = styled.a`
-  padding: 0.5rem 1.25rem;
+  padding: 0.6875rem 1.625rem;
   background-color: #000;
   border: 1.5px solid #000;
-  border-radius: 50px;
+  border-radius: 100px;
   color: white;
   text-decoration: none;
   font-weight: 500;
-  font-size: 0.95rem;
+  font-size: 0.9375rem;
   transition: all 0.2s ease;
   white-space: nowrap;
+  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
+  letter-spacing: 0.2px;
 
   &:hover {
-    background-color: #333;
-    border-color: #333;
+    background-color: #1a1a1a;
+    border-color: #1a1a1a;
+    transform: translateY(-1px);
+    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
+  }
+
+  &:active {
+    transform: translateY(0);
+    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
   }
 `;
\ No newline at end of file