.zt-short-link-wrap{ direction:ltr; display:flex; align-items:stretch; gap:10px; width:100%; max-width:100%; margin:0; padding:0; box-sizing:border-box; font-family:'Zarin-Font', sans-serif; } .zt-short-link-text{ flex:1 1 0; min-width:0; height:46px; display:flex; align-items:center; background:#f8fafc; border:1px solid #e2e8f0; color:#334155; text-decoration:none; padding:0 14px; border-radius:14px; font-size:14px; line-height:1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; box-sizing:border-box; } .zt-short-link-text:hover{ border-color:#cbd5e1; background:#f1f5f9; color:#334155; text-decoration:none; } .zt-short-link-copy-btn{ flex:0 0 115px; width:115px; height:46px; border:none !important; outline:none !important; cursor:pointer; background:#0f172a !important; color:#fff !important; padding:0 14px; border-radius:14px; font-size:13px; font-weight:700; line-height:1; transition:all .25s ease; white-space:nowrap; font-family:'Zarin-Font', sans-serif; box-shadow:none !important; user-select:none; -webkit-user-select:none; box-sizing:border-box; } .zt-short-link-copy-btn:hover, .zt-short-link-copy-btn:focus, .zt-short-link-copy-btn:active{ background:#1e293b !important; color:#fff !important; border:none !important; outline:none !important; box-shadow:none !important; transform:translateY(-1px); } .zt-short-link-copy-btn::selection{ background:transparent !important; color:#fff !important; } .zt-short-link-copy-btn::-moz-selection{ background:transparent !important; color:#fff !important; } .zt-short-link-copy-btn.zt-copied{ background:#16a34a !important; color:#fff !important; } .zt-short-link-copy-btn.zt-copied:hover, .zt-short-link-copy-btn.zt-copied:focus, .zt-short-link-copy-btn.zt-copied:active{ background:#16a34a !important; color:#fff !important; } @media (max-width:640px){ .zt-short-link-wrap{ gap:8px; } .zt-short-link-text{ height:44px; font-size:13px; padding:0 12px; border-radius:12px; } .zt-short-link-copy-btn{ flex:0 0 95px; width:95px; height:44px; padding:0 10px; border-radius:12px; font-size:12px; } } @media (max-width:420px){ .zt-short-link-wrap{ gap:6px; } .zt-short-link-text{ height:42px; font-size:12px; padding:0 10px; } .zt-short-link-copy-btn{ flex:0 0 82px; width:82px; height:42px; font-size:11px; padding:0 8px; } } .article-share-modal-social { direction: rtl; width: 100%; margin: 20px 0; font-family: 'Zarin-Font'; } .article-share-modal-social ul { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; padding: 0; margin: 0; list-style: none; } .article-share-modal-social li a { background: #fff; display: flex; align-items: center; justify-content: flex-start; padding: 10px; border-radius: 15px; text-decoration: none; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05); transition: all 0.3s ease; } .article-share-modal-social li a:hover { transform: translateY(-3px); box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1); } .article-share-modal-social li a span { color: #455067; font-size: 14px; font-weight: 500; margin-right: 10px; font-family: 'Zarin-Font'; } .article-share-modal-social .icon-box-socialm { width: 45px; height: 45px; border-radius: 12px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .article-share-modal-social .icon-box-socialm svg { width: 22px; height: 22px; fill: #fff; } .article-share-modal-social .share-on-facebook .icon-box-socialm { background: #3b5998; } .article-share-modal-social .share-on-telegram .icon-box-socialm { background: #0088cc; } .article-share-modal-social .share-on-whatsapp .icon-box-socialm { background: #25d366; } .article-share-modal-social .share-on-x .icon-box-socialm { background: #000; } .article-share-modal-social .share-on-instagram .icon-box-socialm { background: #e4405f; } .article-share-modal-social .share-on-bale .icon-box-socialm { background: #2ecc71; } @media (max-width: 600px) { .article-share-modal-social ul { grid-template-columns: 1fr; } }