SDN Digital Pay

.sdn-pay-wrapper {
display: flex;
flex-direction: column;
align-items: center;
padding: 15px;
}

.pay-btn-mobile {
background: linear-gradient(135deg, #0052FF, #003db3);
color: #fff;
border: none;
border-radius: 12px;
padding: 12px 24px;
font-size: 16px;
font-weight: 600;
cursor: pointer;
width: 100%; /* موبائل پر پوری چوڑائی */
max-width: 300px; /* کمپیوٹر پر زیادہ بڑا نہ ہو */
transition: transform 0.2s, box-shadow 0.2s;
display: flex;
justify-content: center;
align-items: center;
gap: 8px;
box-shadow: 0 4px 10px rgba(0, 82, 255, 0.2);
}

/* موبائل اسکرین کے لیے خاص تبدیلی (Media Query) */
@media (max-width: 480px) {
.pay-btn-mobile {
font-size: 14px;
padding: 10px 15px;
border-radius: 8px;
}
}

.pay-btn-mobile:hover {
transform: scale(1.02);
box-shadow: 0 6px 15px rgba(0, 82, 255, 0.4);
}