.gg-thermostat { position: relative; display: block; box-sizing: border-box; transform: scale(var(--ggs,1)); width: 10px; height: 24px } .gg-thermostat::after, .gg-thermostat::before { content: ""; display: block; box-sizing: border-box; position: absolute; border: 2px solid } .gg-thermostat::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 } .gg-thermostat::before { width: 8px; height: 16px; border-bottom-color: transparent; left: 2px; border-top-left-radius: 100px; border-top-right-radius: 100px }