.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; }