From f180e8762d8c3194ccf4c2a0e815b12c5d307e56 Mon Sep 17 00:00:00 2001
From: Sanne de Vries <65487235+sanne-san@users.noreply.github.com>
Date: Fri, 22 Sep 2023 13:54:06 +0200
Subject: [PATCH] Updated hover state of collection card post on frontend
 (#18298)

Refs https://github.com/TryGhost/Product/issues/3630
---
 ghost/core/core/frontend/src/cards/css/collection.css | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/ghost/core/core/frontend/src/cards/css/collection.css b/ghost/core/core/frontend/src/cards/css/collection.css
index b3c1e347c5..9fd86f0648 100644
--- a/ghost/core/core/frontend/src/cards/css/collection.css
+++ b/ghost/core/core/frontend/src/cards/css/collection.css
@@ -19,6 +19,11 @@ a.kg-collection-card-post-wrapper {
     color: var(--text-color);
 }
 
+a.kg-collection-card-post-wrapper:hover {
+    opacity: 1;
+}
+
+
 .kg-collection-card-post {
     display: flex;
     gap: 3.2rem;
@@ -37,6 +42,11 @@ a.kg-collection-card-post-wrapper {
     object-fit: cover;
 }
 
+a.kg-collection-card-post-wrapper:hover img {
+    opacity: .92;
+    transition: all .2s ease;
+}
+
 .kg-collection-card-content {
     display: flex;
     flex-direction: column;