diff --git a/README.md b/README.md
index 5ae0a71..cfbb345 100644
--- a/README.md
+++ b/README.md
@@ -205,6 +205,9 @@ const config = {
       projects: [], // These projects will not be displayed. example: ['my-project1', 'my-project2']
     },
   },
+  resume:{
+    fileName: 'resume.pdf' // Place the resume file in public folder with the same name as the 'fileName' property.
+  },
   social: {
     linkedin: '',
     twitter: '',
diff --git a/src/components/avatar-card/index.jsx b/src/components/avatar-card/index.jsx
index 7301c77..4f87322 100644
--- a/src/components/avatar-card/index.jsx
+++ b/src/components/avatar-card/index.jsx
@@ -56,7 +56,14 @@ const AvatarCard = ({ profile, loading, avatarRing, resume }) => {
           </div>
         </div>
         { resume?.fileName &&
-          <a href= { resume.fileName } target="_blank" className='btn mt-4' download>Download my resume</a>
+          <a
+            href={resume.fileName}
+            target="_blank"
+            className="btn btn-outline btn-primary text-xs mt-6"
+            download
+          >
+            Download Resume
+          </a>
         }
       </div>
     </div>