From 4219108c8f893332923b3c9a90c87e21e951a6fc Mon Sep 17 00:00:00 2001 From: Nikola Hristov Date: Fri, 10 Jan 2025 04:37:50 +0200 Subject: [PATCH] s Signed-off-by: Nikola Hristov --- Source/Stylesheet/Component/Footer.css | 27 +++++++++----------------- 1 file changed, 9 insertions(+), 18 deletions(-) diff --git a/Source/Stylesheet/Component/Footer.css b/Source/Stylesheet/Component/Footer.css index 3ed29e6a..946b066a 100644 --- a/Source/Stylesheet/Component/Footer.css +++ b/Source/Stylesheet/Component/Footer.css @@ -24,43 +24,34 @@ } .button { - background-color: #8b4b8b; /* Purple-ish base color */ - color: white; + @apply outline-none; + padding: 2px 5px; border: none; - border-radius: 6px; /* Makes the button rounded */ + border-radius: 6px; font-size: 14px; cursor: pointer; position: relative; display: inline-block; - /* Creating the double border effect using box-shadow */ box-shadow: 0 0 0 1px rgba(139, 75, 139, 0.3), 0 0 0 4px rgba(89, 48, 89, 0.8); - /* Velvet texture effect */ - background-image: radial-gradient( - circle at 50% 50%, - rgba(255, 255, 255, 0.1) 0%, - transparent 60% - ), - radial-gradient( - circle at 30% 30%, - rgba(255, 255, 255, 0.08) 0%, - transparent 40% - ); - transition: all 0.3s ease; &:hover { - background-color: #9d559d; transform: scale(1.02); - color: white; } &:active { transform: scale(0.98); /* Slight shrink effect when clicked */ } + + &:hover, + &:focus, + &:active { + @apply outline-none; + } } }