diff --git a/src/components/Card.css b/src/components/Card.css index 0fa2114..3cb9848 100644 --- a/src/components/Card.css +++ b/src/components/Card.css @@ -7,13 +7,11 @@ height: 136px; position: relative; --shadow-color: rgb(0 0 0 / 0.04); - box-shadow: 0px 0px 0px 1px var(--shadow-color), + box-shadow: 0px 0px 0px 1px var(--background-selected), 0px 1px 1px -0.5px var(--shadow-color), - 0px 3px 3px -1.5px var(--shadow-color), - 0px 6px 6px -3px var(--shadow-color), + 0px 3px 3px -1.5px var(--shadow-color), 0px 12px 12px -6px var(--shadow-color); transition:all .12s ease-out; - border: 1px solid transparent; } .link-card>a { @@ -29,7 +27,10 @@ p { .link-card:is(:hover, :focus-within) { background-position: 0; - border: 1px solid var(--border); + box-shadow: 0px 0px 0px 2px var(--link), + 0px 1px 1px -0.5px var(--shadow-color), + 0px 3px 3px -1.5px var(--shadow-color), + 0px 12px 12px -6px var(--shadow-color); } p.distribution {