<نمط> .coupon_info { العرض: فليكس؛ محاذاة العناصر: مركز؛ ضبط المحتوى: مسافة بين؛ الحشو: 10 بكسل 0.25ريم؛ لون الخلفية: #000؛ أقصى عرض: 300 بكسل؛ عائلة الخط: "روبيك"، بلا رقيق؛ } .coupon_codeBox { فليكس: 1 1؛ محاذاة النص: مركز؛ وزن الخط: 700؛ عائلة الخط: 'في أسرع وقت ممكن'؛ اللون: #ففف؛ ارتفاع الخط: 130%؛ الحدود اليمنى: 1 بكسل متقطع #ffffff؛ } .coupon_codeBox .coupon_codeText { حجم الخط: 24 بكسل؛ } .coupon_copy { العرض: فليكس؛ محاذاة العناصر: مركز؛ ضبط المحتوى: مركز؛ الأساس المرن: 50%؛ } رمز القسيمة { الهامش الأيمن: 1.875ريم؛ حجم الخط: 12 بكسل؛ ارتفاع الخط: 1ريم؛ وزن الخط: 400؛ اللون: #666؛ العرض: لا شيء؛ } .coupon_code تمتد { ارتفاع الخط: 2rem؛ } .coupon_copyBtn { العرض: فليكس؛ العرض: 7ريم؛ محاذاة العناصر: مركز؛ ضبط المحتوى: مركز؛ الحشو: 0؛ --tw-text-opacity: 1; اللون: #ففف؛ المؤشر: المؤشر؛ حجم الخط: 14 بكسل؛ عائلة الخط: 'بوبينز'؛ زخرفة النص: تسطير؛ الخلفية: شفافة؛ الحدود: لا شيء؛ } @media(الحد الأقصى للعرض: 767 بكسل) { .coupon_info { الحد الأقصى للعرض: 100%! مهم؛ العرض: 100%! هام؛ } } <النص البرمجي> var cpnBtn = document.getElementById("cpnBtn"); إذا (كبنبتن) { var cpnCode = document.getElementById("cpnCode"); cpnBtn.onclick = الدالة() { navigator.clipboard.writeText(cpnCode.innerHTML)، cpnBtn.innerHTML = "تم النسخ"، cpnBtn.classList.add("copyActive"), setTimeout(function() { cpnBtn.innerHTML = "نسخ الرمز"، cpnBtn.classList.remove("copyActive") }، 3ه3) } } var cpnBtn = document.getElementById("cpnBtn"); إذا (كبنبتن) { var cpnCode = document.getElementById("cpnCode"); cpnBtn1.onclick = function() { navigator.clipboard.writeText(cpnCode1.innerHTML)، cpnBtn1.innerHTML = "تم النسخ"، cpnBtn1.classList.add("copyActive"), setTimeout(function() { cpnBtn1.innerHTML = "نسخ الرمز"، cpnBtn1.classList.remove("copyActive") }، 3ه3) } }