Skip to main content

.title font-size: 1.9rem; font-weight: 800; color: white; line-height: 1.2; letter-spacing: -0.3px; word-break: break-word;

/* download button */ .download-btn display: flex; align-items: center; justify-content: center; gap: 12px; background: linear-gradient(95deg, #2b3b6e, #16213e); border: none; width: 100%; padding: 0.9rem 1.5rem; border-radius: 60px; font-size: 1.1rem; font-weight: 700; color: white; cursor: pointer; transition: all 0.25s; box-shadow: 0 6px 14px rgba(0, 0, 0, 0.3); border: 0.5px solid rgba(255, 255, 255, 0.1);

.download-btn:active transform: scale(0.98);

<div class="details"> <div class="info-grid"> <div class="info-item"> <div class="info-label">FILE SIZE</div> <div class="info-value"><span class="size">2.84 GB</span></div> </div> <div class="info-item"> <div class="info-label">RESOLUTION</div> <div class="info-value">1920x1080p</div> </div> <div class="info-item"> <div class="info-label">LANGUAGES</div> <div class="info-value"> <span class="lang-tag">🇺🇸 English 5.1</span> <span class="lang-tag">🇮🇳 Hindi + AAC</span> </div> </div> </div>

/* responsive */ @media (max-width: 500px) .title font-size: 1.5rem; .details padding: 1.2rem; .info-grid gap: 0.6rem; .download-btn padding: 0.7rem 1rem; font-size: 1rem; </style> </head> <body>

.toast-msg.show opacity: 1; visibility: visible; transform: translateX(-50%) scale(1);

.info-item flex: 1; min-width: 100px;