Template:IntroButton/styles.css: Difference between revisions
No edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
.intro-button { | .intro-button { | ||
display: inline-flex; | display: inline-flex; | ||
align-items: center; | align-items: center; | ||
background: rgba(10,10,10,0.75); | background: rgba(10,10,10,0.75); | ||
| Line 6: | Line 6: | ||
border-radius: 10px; | border-radius: 10px; | ||
padding: 6px 12px; | padding: 6px 12px; | ||
margin-right: 10px; | margin-right: 10px; | ||
transition: all .25s ease; | transition: all .25s ease; | ||
} | } | ||
.intro-button a { | .intro-button a { | ||
color: #FAB243; | color: #FAB243; | ||
| Line 18: | Line 17: | ||
text-decoration: none; | text-decoration: none; | ||
} | } | ||
.intro-button:hover { | .intro-button:hover { | ||
border-color: #78A5FF; | border-color: #78A5FF; | ||
Revision as of 21:41, 5 November 2025
.intro-button {
display: inline-flex;
align-items: center;
background: rgba(10,10,10,0.75);
border: 1px solid rgba(120,165,255,0.2);
border-radius: 10px;
padding: 6px 12px;
margin-right: 10px;
transition: all .25s ease;
}
.intro-button a {
color: #FAB243;
font-weight: 600;
font-size: 16px;
letter-spacing: 0.5px;
text-transform: uppercase;
text-decoration: none;
}
.intro-button:hover {
border-color: #78A5FF;
background: #1c1e25;
transform: translateY(-2px);
}