*{box-sizing:border-box}.row{align-items:center;gap:28px;margin-bottom:56px;display:flex}.planet{background:silver;border-radius:50%;flex:none;justify-content:center;align-items:center;width:100px;height:100px;font-weight:700;display:flex;position:relative}.planet__label{z-index:2;text-align:center;line-height:1.1;position:relative}.planet__ring{--i:1;pointer-events:none;z-index:1;transform:scale(calc(1 + var(--i)*.25));border:4px solid #e26b14;border-radius:50%;position:absolute;top:0;bottom:0;left:0;right:0}.moon{color:#fff;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:#00008b;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin-left:0;transition:transform .12s,background .12s;display:flex}.moon:hover{transform:translateY(-2px)}.moon--active{background:#e26b14}