From 3a216b39610322becbac72d893d9b86e830dc5ea Mon Sep 17 00:00:00 2001
From: Marc Mintel <marc@mintel.me>
Date: Mon, 3 Aug 2026 09:28:48 +0200
Subject: [PATCH] fix(ui): smooth icon hover transition on certificate download

---
 components/blocks/CertificatesBlock.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/blocks/CertificatesBlock.tsx b/components/blocks/CertificatesBlock.tsx
index 9463b29f1..bca82fb00 100644
--- a/components/blocks/CertificatesBlock.tsx
+++ b/components/blocks/CertificatesBlock.tsx
@@ -208,7 +208,7 @@ export function CertificatesBlock({ badge, title, description, certificates = de
                     </p>
                   </div>
 
-                  <div className={`mt-auto inline-flex items-center text-sm font-bold uppercase tracking-wider transition-all ${
+                  <div className={`mt-auto inline-flex items-center gap-2 text-sm font-bold uppercase tracking-wider transition-all duration-300 ${
                     cert.pdfUrl ? 'group-hover:gap-3' : ''
                   } ${
                     isIso ? 'text-primary-light' : 'text-primary'
@@ -216,7 +216,7 @@ export function CertificatesBlock({ badge, title, description, certificates = de
                     {cert.pdfUrl ? (
                       <>
                         <span>Download PDF</span>
-                        <Download size={16} className="ml-2 group-hover:translate-y-0.5 transition-transform" />
+                        <Download size={16} className="group-hover:translate-y-0.5 transition-transform" />
                       </>
                     ) : (
                       <span className="text-neutral-400">Nachweis liegt vor</span>