.gg-arrow-long-down-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-top: 4px solid transparent; box-shadow: inset 0 0 0 2px; height: 24px; width: 6px } .gg-arrow-long-down-c::after, .gg-arrow-long-down-c::before { content: ""; display: block; box-sizing: border-box; position: absolute } .gg-arrow-long-down-c::after { width: 6px; height: 6px; border-bottom: 2px solid; border-right: 2px solid; transform: rotate(45deg); bottom: 0; left: -2px } .gg-arrow-long-down-c::before { width: 6px; height: 6px; border: 2px solid; border-radius: 8px; top: -4px; left: -2px }