From 7172ebfb8b12e74f7dc3be1b7ac69de74b5aaa16 Mon Sep 17 00:00:00 2001
From: Aaron Powell <me@aaron-powell.com>
Date: Mon, 9 Mar 2026 17:01:30 +1100
Subject: [PATCH] a few style tweaks (#938)

---
 website/src/styles/global.css | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/website/src/styles/global.css b/website/src/styles/global.css
index 782a4f34..640b99bd 100644
--- a/website/src/styles/global.css
+++ b/website/src/styles/global.css
@@ -562,7 +562,7 @@ body:has(#main-content) {
 
 .btn-primary {
   background: var(--color-accent);
-  color: white;
+  color: var(--sl-color-text-invert) !important;
   border-color: transparent;
   font-weight: 600;
 }
@@ -1237,17 +1237,19 @@ body:has(#main-content) {
   background: var(--gradient-primary);
   border-radius: var(--border-radius-lg) 0 0 var(--border-radius-lg);
   opacity: 0;
-  transition: opacity var(--transition);
+  transition: opacity var(--transition), left var(--transition);
 }
 
 .resource-item:hover {
   background: var(--color-card-hover);
   transform: translateX(4px);
   box-shadow: var(--shadow);
+  border-radius: 0px var(--border-radius-lg) var(--border-radius-lg) 0px;
 }
 
 .resource-item:hover::before {
   opacity: 1;
+  left: -4px;
 }
 
 .resource-info {