.gg-arrow-top-left-r { box-sizing: border-box; position: relative; display: block; width: 22px; height: 22px; border: 2px solid; transform: scale(var(--ggs, 1)); border-radius: 4px; &::after, &::before { content: ""; display: block; box-sizing: border-box; position: absolute; left: 4px; } &::after { width: 10px; height: 2px; background: currentColor; transform: rotate(45deg); bottom: 8px; } &::before { width: 6px; height: 6px; top: 4px; border-top: 2px solid; border-left: 2px solid; } }