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