.gg-arrow-long-up-c { box-sizing: border-box; position: relative; display: block; transform: scale(var(--ggs, 1)); border-right: 2px solid transparent; border-left: 2px solid transparent; border-bottom: 4px solid transparent; box-shadow: inset 0 0 0 2px; height: 24px; width: 6px; &::after, &::before { content: ""; display: block; box-sizing: border-box; position: absolute; } &::after { width: 6px; height: 6px; border-top: 2px solid; border-left: 2px solid; transform: rotate(45deg); top: 0; left: -2px; } &::before { width: 6px; height: 6px; border: 2px solid; border-radius: 8px; bottom: -4px; left: -2px; } }