diff --git a/docs/css/common.css b/docs/css/common.css
index 669b8329..847b7295 100644
--- a/docs/css/common.css
+++ b/docs/css/common.css
@@ -695,6 +695,17 @@ main {
   margin-block: 1rem 2rem;
 }
 
+.recap-btn.secondary {
+  margin-block: 2rem;
+  background: transparent;
+  border: 2px solid var(--brand-color-alt);
+}
+
+.recap-btn.secondary:is(:hover,:focus) {
+  margin-block: 2rem;
+  background: transparent;
+  border-color: var(--brand-color);
+}
 
 @media only screen and (min-width: 768px) {
   .recap-site-header .recap-wrap {
diff --git a/docs/index.html b/docs/index.html
index 9d0d7198..db97659f 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -65,6 +65,8 @@ <h1>
            title="link to the broadcast of side track in W1/W2">🎥 Side Track - W1/W2</a>
         </div>
 
+        <a href="https://photos.app.goo.gl/FN7Bn9efDTafVyst6" class="recap-btn secondary" target="_blank">Conference images</a>
+
         <div class="recap-sponsors-header">
           <ul class="recap-sponsors-header-overview-list">
             <li>