.gg-external { box-sizing: border-box; position: relative; display: block; transform: scale(var(--ggs, 1)); width: 12px; height: 12px; box-shadow: -2px 2px 0 0, -4px -4px 0 -2px, 4px 4px 0 -2px; margin-left: -2px; margin-top: 1px; &::after { content: ""; display: block; box-sizing: border-box; position: absolute; right: -4px; } &::before { content: ""; display: block; box-sizing: border-box; position: absolute; right: -4px; background: currentColor; transform: rotate(-45deg); width: 12px; height: 2px; top: 1px; } &::after { width: 8px; height: 8px; border-right: 2px solid; border-top: 2px solid; top: -4px; } }