.color-buttons{display:flex;justify-content:center;gap:.5rem;margin-top:.5rem}.colour-position-controls .color-buttons{margin-top:0}.color-button{width:2rem;height:2rem;border:1px solid #ccc;border-radius:50%;cursor:pointer;padding:0}.color-button.black{background-color:#000}.color-button.white{background-color:#fff}.color-button.blue{background-color:blue}.color-button.orange{background-color:orange}.color-button.yellow{background-color:#ff0}.color-button.lightgreen{background-color:#90ee90}.color-button.darkgreen{background-color:#006400}.color-button.red{background-color:red}.color-button.pink{background-color:#e605c4}.color-button.grey{background-color:grey}.color-button.darkGrey{background-color:#404040}.color-button.active{border:2px solid #666}