Template:IntroButton/styles.css: Difference between revisions
Created page with ".intro-button a, .intro-button span { background-color: #ED8136; color: #fff; padding: 10px 20px; border-radius: 8px; text-decoration: none; font-weight: bold; font-family: 'Rubik', sans-serif; display: inline-block; transition: background-color 0.2s; } .intro-button a:hover span { background-color: #FAB243; }" |
No edit summary |
||
| Line 1: | Line 1: | ||
.intro- | /* outer box */ | ||
background | .intro-box { | ||
display: inline-flex; /* makes it horizontal */ | |||
align-items: center; | |||
gap: 10px; | |||
background: #ED8136; | |||
padding: 14px 26px; | |||
border-radius: 14px; | |||
font-weight: 600; | |||
font-size: 1rem; | |||
margin-bottom: 16px; | |||
} | |||
/* link inside */ | |||
.intro-box a { | |||
color: #fff; | color: #fff; | ||
text-decoration: none; | text-decoration: none; | ||
display: inline-flex; | |||
align-items: center; | |||
gap: 8px; | |||
} | |||
/* little blue icon like in your first screenshot */ | |||
.intro-box a::before { | |||
content: ""; | |||
width: 18px; | |||
height: 18px; | |||
background: #369EA7; | |||
border-radius: 4px; | |||
display: inline-block; | display: inline-block; | ||
} | } | ||
.intro- | /* hover */ | ||
background | .intro-box:hover { | ||
background: #FAB243; | |||
} | } | ||
Revision as of 21:30, 5 November 2025
/* outer box */
.intro-box {
display: inline-flex; /* makes it horizontal */
align-items: center;
gap: 10px;
background: #ED8136;
padding: 14px 26px;
border-radius: 14px;
font-weight: 600;
font-size: 1rem;
margin-bottom: 16px;
}
/* link inside */
.intro-box a {
color: #fff;
text-decoration: none;
display: inline-flex;
align-items: center;
gap: 8px;
}
/* little blue icon like in your first screenshot */
.intro-box a::before {
content: "";
width: 18px;
height: 18px;
background: #369EA7;
border-radius: 4px;
display: inline-block;
}
/* hover */
.intro-box:hover {
background: #FAB243;
}