.icon{display:inline-block}.icon>svg{width:16px;height:100%;fill:#fff}.icon>svg *{fill:#fff}.icon.-square{background-color:var(--color-primary)}.icon.-circle,.icon.-square{display:flex;align-items:center;justify-content:center;padding:12px}.icon.-circle{background:none;border:1px solid var(--color-quaternary);color:var(--color-primary);border-radius:100px}.icon.-grey>svg,.icon.-grey>svg *{fill:var(--color-grey-2)}.icon.-white{border:1px solid var(--color-white);color:var(--color-white)}.icon.-outline,.icon.-white{display:flex;align-items:center;justify-content:center;padding:12px;background:none}.icon.-outline{border:1px solid var(--color-primary);color:var(--color-primary)}.icon.-outline svg,.icon.-outline svg *{fill:var(--color-primary)}