author link on article page

single.php

@@ -10,6 +10,7 @@
                     $post_id = get_the_ID();
             ?>
                     <h1 class="st-article__title"> <?php the_title(); ?> </h1>
+                    <a href="<?php echo get_author_posts_url( $post->post_author ); ?>" class="st-article-page__author-link">
                         <div class="st-article__author-box">
                             <div class="st-article__author-name">
                                 <?php the_author() ?>
@@ -18,6 +19,7 @@
                                 <?php the_date() ?>
                             </div>
                         </div>
+                    </a>
                     <?php the_content(); ?>
                     <?php
                     if (function_exists('get_field')) {

style.css

@@ -1148,6 +1148,15 @@ COMPONENTS
     display: none;
 }
 
+.st-article-page__author-link {
+    text-decoration: none;
+    color: black;
+}
+
+.st-article-page__author-link:hover {
+    color: #FFDB12;
+}
+
 .breadcrumbs li:first-child {
     margin-left: 0;
 }