.srg-container{max-width:860px;margin:14px auto;padding:14px;border-radius:10px;background:#fff;text-align:center}.srg-btn{display:inline-block;padding:10px 20px;font-size:16px;border-radius:8px;border:0;cursor:pointer;font-weight:600;transition:transform .12s ease,box-shadow .12s ease,opacity .18s ease}.srg-generate-btn{background:linear-gradient(180deg,#2196f3,#1e88e5);color:#fff;box-shadow:0 8px 22px rgba(33,150,243,.12)}.srg-bottom-btn{background:linear-gradient(180deg,#ff9800,#fb8c00);color:#fff;box-shadow:0 8px 22px rgba(255,152,0,.12)}.srg-final-btn{background:linear-gradient(180deg,#4caf50,#43a047);color:#fff;box-shadow:0 8px 22px rgba(76,175,80,.12)}.srg-btn:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(0,0,0,.08)}.srg-countdown-wrapper{display:flex;align-items:center;justify-content:center;flex-direction:column;margin-top:18px}.srg-timer{width:120px;height:120px;display:block}.srg-time-text{font-weight:700;font-size:24px;margin-top:-88px;text-align:center;width:120px;height:120px;display:flex;align-items:center;justify-content:center;border-radius:999px}@media (max-width:560px){.srg-container{padding:10px;margin:8px}.srg-timer{width:92px;height:92px}.srg-time-text{font-size:20px;margin-top:-66px;width:92px;height:92px}.srg-btn{font-size:15px;padding:9px 16px}}.srg-fade{opacity:0;transform:translateY(8px);transition:opacity .36s ease,transform .36s ease}.srg-visible{opacity:1;transform:translateY(0)}.srg-final-wrapper{text-align:center;margin:24px auto}