#popper-pluses > .popper-plus { cursor: pointer; display: flex; align-items: center; justify-content: center; border-radius: 6px; background: #eeeff4; border: 1.5px dashed rgba(154, 154, 175, 0.5); font-size: 0px; } #popper-pluses > .popper-plus::before { content: "+"; color: rgba(154, 154, 175, 0.5); font-size: inherit; } #popper-crosses > .popper-cross { cursor: pointer; display: flex; align-items: center; justify-content: center; border-radius: 6px; background: rgba(154, 154, 175, 0.7); font-size: 0px; } #popper-crosses > .popper-cross::before { content: "+"; transform: rotate(45deg); color: #fff; font-size: inherit; } #popper-gears > .popper-gear { cursor: pointer; display: flex; align-items: center; justify-content: center; border-radius: 6px; background-image: url("../../../assets/icons/ArrowGear.svg"); font-size: 0px; background-repeat: no-repeat; background-size: contain; }