Created page with ".button-with-circle { display: inline-flex; align-items: center; padding: 8px 16px; border: 1px solid #ccc; border-radius: 8px; background-color: #f9f9f9; text-decoration: none; font-size: 14px; color: #333; cursor: pointer; transition: background-color 0.3s, color 0.3s; } .button-with-circle:hover { background-color: #e0e0e0; color: #000; } .button-with-circle .circle-image { width: 32px; height: 32px; ba..." |
No edit summary |
||
| Line 18: | Line 18: | ||
} | } | ||
.circle-image { | |||
width: 32px; | width: 32px; | ||
height: 32px; | height: 32px; | ||
Revision as of 06:59, 13 December 2024
.button-with-circle {
display: inline-flex;
align-items: center;
padding: 8px 16px;
border: 1px solid #ccc;
border-radius: 8px;
background-color: #f9f9f9;
text-decoration: none;
font-size: 14px;
color: #333;
cursor: pointer;
transition: background-color 0.3s, color 0.3s;
}
.button-with-circle:hover {
background-color: #e0e0e0;
color: #000;
}
.circle-image {
width: 32px;
height: 32px;
background-size: cover;
background-position: center;
border-radius: 50%;
margin-right: 8px;
}