4,090
edits
No edit summary |
No edit summary |
||
Line 129: | Line 129: | ||
border-radius: 3px; | border-radius: 3px; | ||
padding: 0 16px; | padding: 0 16px; | ||
color: #fff; | color: #fff; | ||
background: white; | background: white; | ||
font-size: 14px; | font-size: 14px; | ||
height: 33px; | height: 33px; /* Fixed height of the link */ | ||
line-height: 33px; /* Match line-height with the height for vertical centering */ | |||
word-spacing: 0px; | word-spacing: 0px; | ||
letter-spacing: .0892857143em; | letter-spacing: .0892857143em; | ||
Line 140: | Line 139: | ||
text-transform: uppercase; | text-transform: uppercase; | ||
min-width: 64px; | min-width: 64px; | ||
text-align: center; | text-align: center; | ||
box-shadow: 0px 3px 1px -2px rgb(0 0 0 / 20%),0px 2px 2px 0px rgb(0 0 0 / 14%),0px 1px 5px 0px rgb(0 0 0 / 12%); | box-shadow: 0px 3px 1px -2px rgb(0 0 0 / 20%), 0px 2px 2px 0px rgb(0 0 0 / 14%), 0px 1px 5px 0px rgb(0 0 0 / 12%); | ||
transition: box-shadow 280ms cubic-bezier(0.4,0,0.2,1); | transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1); | ||
border: 1px solid #6200ee; | border: 1px solid #6200ee; | ||
} | } | ||
.view-button { | .view-button { | ||
display: flex; /* Enables Flexbox */ | display: flex; /* Enables Flexbox */ |