.gg-thermostat { position: relative; display: block; box-sizing: border-box; transform: scale(var(--ggs, 1)); width: 10px; height: 24px; &::after, &::before { content: ""; display: block; box-sizing: border-box; position: absolute; border: 2px solid; } &::after { width: 12px; height: 12px; border-top-color: transparent; bottom: 0; border-radius: 100px; background: radial-gradient(circle, currentColor 20%, transparent 20%) no-repeat center; } &::before { width: 8px; height: 16px; border-bottom-color: transparent; left: 2px; border-top-left-radius: 100px; border-top-right-radius: 100px; } }