Update src/style/app.module.css

Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com>
PalisadoesFoundation · Dec 29, 2024 · 505fbaf · 505fbaf
1 parent 7b06db6
commit 505fbaf
Showing 1 changed file with 8 additions and 3 deletions.
diff --git a/src/style/app.module.css b/src/style/app.module.css
@@ -3699,7 +3699,6 @@ button[data-testid='createPostBtn'] {
   margin-top: 0.7rem !important;
   text-align: left;
 }
-
 .viewBtn {
   display: flex;
   justify-content: flex-end;
@@ -3721,18 +3720,24 @@ button[data-testid='createPostBtn'] {
   padding: 0;
   border: none;
   color: black;
-  transition: all 0.2s ease;
+  transition: all 0.2s ease-in-out;
+  border-radius: 4px;
 }
 
 .cardActionBtn:hover,
-.cardActionBtn:focus {
+.cardActionBtn:focus-visible {
   background-color: ghostwhite;
   border: none;
   color: black !important;
   outline: 2px solid var(--subtle-blue-grey);
   outline-offset: 2px;
 }
 
+.cardActionBtn:active {
+  transform: scale(0.95);
+  background-color: var(--grey-bg-color);
+}
+
 .creatorNameModal {
   display: flex;
   flex-direction: row;