.variable-item.button-variable-item{width:auto!important;min-width:82px!important;height:52px!important;padding:0 16px!important;display:flex!important;align-items:center;justify-content:center;border-radius:60px!important;background:#fff!important;border:2px solid #edf2f7!important;box-shadow:0 8px 18px rgb(0 0 0 / .05);transition:.35s;overflow:hidden}.variable-item.button-variable-item .variable-item-span{display:flex!important;align-items:center;gap:10px;font-size:14px!important;font-weight:700;color:#2d3748!important}.variable-item.button-variable-item .variable-item-span:before{content:"";width:22px;height:22px;border-radius:50%;display:block;border:2px solid rgb(255 255 255 / .9);box-shadow:0 0 0 1px rgb(0 0 0 / .15),0 4px 10px rgb(0 0 0 / .15);transition:.3s}.variable-item.button-variable-item:hover{transform:translateY(-5px);border-color:#00cad8!important;box-shadow:0 14px 28px rgb(0 202 216 / .18)}.variable-item.button-variable-item:hover .variable-item-span:before{transform:scale(1.18)}.variable-item.button-variable-item.selected{background:linear-gradient(135deg,#ecfeff,#fff)!important;border-color:#00cad8!important;box-shadow:0 0 0 4px rgb(0 202 216 / .15),0 16px 30px rgb(0 202 216 / .18)!important}.button-variable-item[data-value=قرمز] .variable-item-span:before{background:#ff3b30}.button-variable-item[data-value=آبی] .variable-item-span:before{background:#007aff}.button-variable-item[data-value=سبز] .variable-item-span:before{background:#28a745}.button-variable-item[data-value=زرد] .variable-item-span:before{background:#ffd60a}.button-variable-item[data-value=نارنجی] .variable-item-span:before{background:#ff9500}.button-variable-item[data-value=صورتی] .variable-item-span:before{background:hotpink}.button-variable-item[data-value=بنفش] .variable-item-span:before{background:#8e44ad}.button-variable-item[data-value=طلایی] .variable-item-span:before{background:#d4af37}.button-variable-item[data-value=نقره‌ای] .variable-item-span:before{background:silver}.button-variable-item[data-value=مشکی] .variable-item-span:before{background:#222}.button-variable-item[data-value=سفید] .variable-item-span:before{background:#fff;border-color:#ccc}.button-variable-item[data-value="قهوه ای"] .variable-item-span:before,.button-variable-item[data-value=قهوه‌ای] .variable-item-span:before{background:#8b4513}.button-variable-item[data-value=طوسی] .variable-item-span:before{background:gray}.button-variable-item[data-value=خاکستری] .variable-item-span:before{background:#a9a9a9}.button-variable-item[data-value=کرم] .variable-item-span:before{background:wheat}.button-variable-item[data-value=سرمه‌ای] .variable-item-span:before{background:#1b2a6b}.button-variable-item[data-value=فیروزه‌ای] .variable-item-span:before{background:#40e0d0}@media (max-width:768px){.variable-item.button-variable-item{min-width:70px!important;height:44px!important;padding:0 12px!important;font-size:12px!important}.variable-item.button-variable-item .variable-item-span{font-size:12px!important;gap:7px}.variable-item.button-variable-item .variable-item-span:before{width:18px;height:18px}}