Adjust link button style

This commit is contained in:
Helen Chong 2024-06-08 19:38:16 +08:00
parent 53192670cb
commit b96854de19
1 changed files with 4 additions and 8 deletions

View File

@ -53,17 +53,14 @@
/* Link button */ /* Link button */
.link-btn { .link-btn {
font-size: 1.3rem;
text-align: center; text-align: center;
display: inline-block; display: inline-block;
border: 0.15em solid var(--clr-link-btn-bg); border: 0.1em solid var(--clr-link-btn-bg);
border-radius: 0.6em; border-radius: 0.5em;
padding: 0.5em 1em; padding: 0.4em 0.8em;
background: var(--clr-link-btn-bg); background: var(--clr-link-btn-bg);
color: var(--clr-link-btn-txt); color: var(--clr-link-btn-txt);
cursor: pointer;
font-weight: 700; font-weight: 700;
text-transform: uppercase;
} }
.link-btn, .link-btn,
@ -73,9 +70,8 @@
} }
.link-btn:hover { .link-btn:hover {
cursor: pointer;
background: var(--clr-link-btn-hover); background: var(--clr-link-btn-hover);
transition: 0.5s; transition: 0.3s;
} }
.link-btn:focus { .link-btn:focus {