.color-btn{display:flex;align-items:center;padding:8px 15px;border:2px solid #ddd;border-radius:6px;background:#fff;cursor:pointer;transition:all .3s;font-size:.9rem}.color-btn:hover{border-color:#bbb;transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.1)}.color-btn.active{border-color:#007bff;background:#f0f8ff;font-weight:600}.color-swatch{width:24px;height:24px;border-radius:50%;margin-right:10px;border:1px solid #ddd;box-shadow:0 2px 4px rgba(0,0,0,.1)}.color-btn span:last-child{font-size:.9rem;color:#333}