.click { height: 40px; display: flex; justify-content: center; flex-direction: column; position: relative; } .bottom { width: 0; height: 0; border-style: solid; border-width: 0 10px 10px; border-color: transparent transparent #999999; transform: rotate(180deg); } .top:hover { cursor: pointer; border-color: transparent transparent #333333; } .top { width: 0; height: 0; border-style: solid; border-width: 0 10px 10px; border-color: transparent transparent #999999; margin-bottom: 5px; } .bottom:hover { cursor: pointer; border-color: transparent transparent #333333; } .selected{ border-color: transparent transparent $color_main; }