From ba359bd92199156510cb0861474040285f9f3c81 Mon Sep 17 00:00:00 2001
From: Antoine M <antoine.martinon@deligraph.com>
Date: Tue, 19 Dec 2023 12:53:29 +0100
Subject: [PATCH] handling focus

---
 resources/css/components/cta.css | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/resources/css/components/cta.css b/resources/css/components/cta.css
index cfb4898..8f9abd9 100644
--- a/resources/css/components/cta.css
+++ b/resources/css/components/cta.css
@@ -1,5 +1,9 @@
 .cta {
   @apply block w-fit my-2 text-base font-bold;
+  &:focus {
+    @apply outline-primary outline-offset-8;
+  }
+
   &--button {
     @apply rounded-full px-8 py-4 focus:rounded-full font-bold h-fit cursor-pointer;
     text-decoration: none !important;
@@ -93,7 +97,8 @@
   }
 
   &.cta--download.cta--white {
-    &:hover {
+    &:hover,
+    &:focus {
       @apply bg-secondary text-white;
       &:after {
         filter: invert(99%) sepia(3%) saturate(175%) hue-rotate(283deg) brightness(113%)