.icon__wrapper { background-color: var(--color-primary-alt); display: flex; align-items: center; justify-content: center; padding: 1.5rem; margin-top: 0; margin-bottom: 0; height: 3.5rem; width: 3.5rem; border-radius: calc(3.5rem / 2); position: relative; .icon { position: absolute; stroke: var(--color-primary); } } .icon__wrapper--Heart { background-color: var(--color-follow-bg); .icon { stroke: var(--color-follow-icon); } } .icon__wrapper--Eye { background-color: var(--color-view-bg); .icon { stroke: var(--color-view-icon); } } .icon--help { color: var(--color-subtitle); margin-left: var(--spacing-xs); opacity: 0.7; top: 2px; } .icon--hidden { margin-right: var(--spacing-s); } .icon__lbc { vertical-align: middle; } .icon__lbc--before-text { margin-left: 5px; } .icon__lbc--after-text { margin-right: 5px; } .icon__lbc--title { margin-bottom: 4px; }