Template:IntroButton/styles.css: Difference between revisions
No edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
.intro-button { | .intro-button { | ||
display: | display: inline-flex; /* keeps it inline with text */ | ||
align-items: center; | |||
background: rgba(10,10,10,0.75); | background: rgba(10,10,10,0.75); | ||
border: 1px solid rgba(120,165,255,0.2); | border: 1px solid rgba(120,165,255,0.2); | ||
border-radius: | border-radius: 10px; | ||
padding: | padding: 6px 12px; | ||
margin- | margin-right: 10px; /* space before paragraph text */ | ||
transition: all .25s ease; | transition: all .25s ease; | ||
} | } | ||
| Line 12: | Line 13: | ||
color: #FAB243; | color: #FAB243; | ||
font-weight: 600; | font-weight: 600; | ||
font-size: | font-size: 16px; | ||
letter-spacing: 0.5px; | letter-spacing: 0.5px; | ||
text-transform: uppercase; | text-transform: uppercase; | ||
| Line 21: | Line 22: | ||
border-color: #78A5FF; | border-color: #78A5FF; | ||
background: #1c1e25; | background: #1c1e25; | ||
transform: translateY(- | transform: translateY(-2px); | ||
} | } | ||
Revision as of 21:38, 5 November 2025
.intro-button {
display: inline-flex; /* keeps it inline with text */
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; /* space before paragraph text */
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);
}