Add custom styles for project page buttons and update button classes in portfolio

Author: ltrush

src/.DS_Store

@@ -152,6 +152,16 @@ button:hover,
   box-shadow: 0 10px 25px rgba(95, 106, 242, 0.25);
 }
 
+.project-page-button {
+  background: linear-gradient(135deg, var(--accent), #ff9c66);
+  color: #fff;
+  box-shadow: 0 12px 28px rgba(255, 122, 69, 0.28);
+}
+
+.project-page-button:hover {
+  box-shadow: 0 16px 34px rgba(255, 122, 69, 0.36);
+}
+
 .ghost-button {
   padding: 12px 18px;
   border-radius: 12px;

src/assets/css/styles.min.css

@@ -52,7 +52,7 @@ title: Portfolio
                     {% if project.links %}
                     <div class="cta-row currently-building-links">
                         {% if project.projectPage and project.projectPage.enabled %}
-                        <a href="/projects/{{ project.slug }}/"><button class="link-button">Project Page</button></a>
+                        <a href="/projects/{{ project.slug }}/"><button class="link-button project-page-button">Project Page</button></a>
                         {% endif %}
                         {% for l in project.links %}
                         <a href="{{ l.url }}" {% if l.newTab %}target="_blank" rel="noreferrer"{% endif %}>
@@ -99,7 +99,7 @@ title: Portfolio
 
             <div class="cta-row">
                 {% if project.projectPage and project.projectPage.enabled %}
-                <a href="/projects/{{ project.slug }}/"><button class="link-button">Project Page</button></a>
+                <a href="/projects/{{ project.slug }}/"><button class="link-button project-page-button">Project Page</button></a>
                 {% endif %}
                 {% if project.links %}
                     {% for l in project.links %}