No edit summary |
No edit summary |
||
| (7 intermediate revisions by the same user not shown) | |||
| Line 4: | Line 4: | ||
padding: 8px 16px; | padding: 8px 16px; | ||
border-radius: 8px; | border-radius: 8px; | ||
background-color: #121212; | |||
border: 1px solid #444; | |||
color: #fff; | |||
text-decoration: none; | text-decoration: none; | ||
font-size: 14px; | font-size: 14px; | ||
cursor: pointer; | cursor: pointer; | ||
transition: background-color 0.3s, color 0.3s; | transition: background-color 0.3s, color 0.3s; | ||
width: 100%; | |||
} | } | ||
.button-with-circle:hover { | .button-with-circle:hover { | ||
background: #1e1e1e; | background: #1e1e1e; | ||
color: #fff; | |||
} | } | ||
| Line 24: | Line 26: | ||
border-radius: 50%; | border-radius: 50%; | ||
margin-right: 8px; | margin-right: 8px; | ||
object-fit: cover; | |||
} | } | ||
.circle-image a { color: #fff; } | |||
Latest revision as of 19:15, 16 December 2024
.button-with-circle {
display: inline-flex;
align-items: center;
padding: 8px 16px;
border-radius: 8px;
background-color: #121212;
border: 1px solid #444;
color: #fff;
text-decoration: none;
font-size: 14px;
cursor: pointer;
transition: background-color 0.3s, color 0.3s;
width: 100%;
}
.button-with-circle:hover {
background: #1e1e1e;
color: #fff;
}
.circle-image img {
width: 32px;
height: 32px;
background-size: cover;
background-position: center;
border-radius: 50%;
margin-right: 8px;
object-fit: cover;
}
.circle-image a { color: #fff; }