.color-option{display:inline-block;position:relative;cursor:pointer;margin:8px}.color-option input[type=radio]{display:none}.color-circle{width:40px;height:40px;border-radius:50%;border:2px solid #ccc;display:flex;align-items:center;justify-content:center;transition:border-color .3s}.color-option input[type=radio]:checked+.color-circle:after{content:"✔";color:#fff;font-size:20px;font-weight:700}.color-circle:after{content:""}.color-9747FF .color-circle{background-color:#9747ff}.color-FFD60A .color-circle{background-color:#ffd60a}.color-EF038C .color-circle{background-color:#ef038c}.color-0FD0DF .color-circle{background-color:#0fd0df}