Blue Heart

Christian Girl Core Verified independent store

→

♡ ✨ 🎀 💗 ☁️ ♡ CHARM MEANING Tenderly Seen A sweet reminder that God sees every feeling, even the ones you don’t know how to explain. ♡ God Sees Every Feeling This charm is a gentle reminder that nothing in your heart is hidden from God. He sees the tears, the heaviness, the quiet ache, and every feeling you do not even have words for yet. ☁️ For The Girl With A Tender Heart For the girl with a tender heart, learning that her emotions are safe with Him. ✝ Scripture Reminder “The Lord is near to the brokenhearted and saves the crushed in spirit.” 📖 Bible Reference Psalm 34:18 ♡ Seen. Safe. Held near by God. ♡ .cgc-tenderly-seen, .cgc-tenderly-seen * { box-sizing: border-box; } .cgc-tenderly-seen { width: 100%; background: #fff8fb; padding: 36px 14px; overflow: hidden; } .cgc-tender-card { position: relative; max-width: 880px; margin: 0 auto; padding: 42px 28px; border-radius: 32px; border: 1px solid #f2c9d6; background: linear-gradient(135deg, #fffdfd 0%, #fff4f8 52%, #f7fbff 100%); box-shadow: 0 18px 42px rgba(125, 62, 84, 0.08); overflow: hidden; } .cgc-tender-card::before { content: ""; position: absolute; width: 210px; height: 210px; top: -105px; right: -80px; background: rgba(249, 220, 232, 0.68); border-radius: 50%; z-index: 1; } .cgc-tender-card::after { content: ""; position: absolute; width: 200px; height: 200px; bottom: -100px; left: -85px; background: rgba(232, 245, 255, 0.9); border-radius: 50%; z-index: 1; } .cgc-tender-inner { position: relative; z-index: 3; text-align: center; } .cgc-tender-eyebrow { margin: 0 0 12px !important; color: #b85f79 !important; font-size: 13px !important; font-weight: 900 !important; letter-spacing: 2px; text-transform: uppercase; } .cgc-tender-card h2 { margin: 0 0 14px !important; color: #001f4e; font-family: Georgia, "Times New Roman", serif; font-style: italic; font-size: clamp(40px, 7vw, 68px); line-height: 0.98; font-weight: 900; letter-spacing: -1px; } .cgc-tender-subtitle { max-width: 680px; margin: 0 auto 28px !important; color: #23395f; font-size: 18px; line-height: 1.65; font-weight: 700; } .cgc-tender-row { width: 100%; max-width: 780px; margin: 0 auto 14px; padding: 20px 22px; border-radius: 24px; display: flex; align-items: flex-start; gap: 16px; text-align: left; box-shadow: 0 12px 28px rgba(125, 62, 84, 0.06); } .cgc-tender-row-pink { background: #fff7fa; border: 1px solid #f2c9d6; } .cgc-tender-row-blue { background: #f7fbff; border: 1px solid #d8eaf8; } .cgc-tender-row-white { background: #ffffff; border: 1px solid #f2c9d6; } .cgc-tender-row-yellow { background: #fffbe7; border: 1px solid #f2e2a3; } .cgc-tender-icon { width: 48px; height: 48px; min-width: 48px; border-radius: 50%; background: #f9dce8; color: #b85f79; display: flex; align-items: center; justify-content: center; font-size: 22px; box-shadow: 0 8px 18px rgba(125, 62, 84, 0.08); animation: cgcTenderPulse 2.8s ease-in-out infinite; } .cgc-tender-row-blue .cgc-tender-icon { background: #e7f5ff; } .cgc-tender-row-yellow .cgc-tender-icon { background: #fff4c8; } .cgc-tender-row h3 { margin: 0 0 8px; color: #001f4e; font-size: 21px; line-height: 1.2; font-weight: 900; } .cgc-tender-row p { margin: 0; color: #30486f; font-size: 15.8px; line-height: 1.65; font-weight: 600; } .cgc-tender-row strong { color: #001f4e; font-weight: 900; } .cgc-tender-verse { color: #7d3e54 !important; font-size: 16.5px !important; font-weight: 800 !important; font-style: italic; } .cgc-tender-closing { max-width: 780px; margin: 20px auto 0; padding: 15px 18px; border-radius: 999px; background: #ffffff; border: 1px solid #f2c9d6; color: #7d3e54; font-size: 15.5px; line-height: 1.45; font-weight: 900; box-shadow: 0 10px 24px rgba(125, 62, 84, 0.06); } .cgc-tender-floaties { position: absolute; inset: 0; z-index: 2; pointer-events: none; } .cgc-tender-floaty { position: absolute; color: #e19aae; opacity: 0.82; font-weight: 900; line-height: 1; filter: drop-shadow(0 6px 10px rgba(125, 62, 84, 0.07)); } .cgc-tender-floaty-1 { top: 28px; left: 34px; font-size: 25px; animation: cgcTenderFloatOne 4s ease-in-out infinite; } .cgc-tender-floaty-2 { top: 54px; right: 110px; font-size: 22px; animation: cgcTenderSparkle 3s ease-in-out infinite; } .cgc-tender-floaty-3 { top: 28px; right: 42px; font-size: 25px; animation: cgcTenderRibbon 4.4s ease-in-out infinite; } .cgc-tender-floaty-4 { bottom: 36px; right: 42px; font-size: 24px; animation: cgcTenderFloatOne 4.2s ease-in-out infinite; } .cgc-tender-floaty-5 { bottom: 38px; left: 42px; font-size: 24px; animation: cgcTenderCloudFloat 4.6s ease-in-out infinite; } .cgc-tender-bubble { position: absolute; border-radius: 50%; background: rgba(249, 220, 232, 0.5); border: 1px solid rgba(242, 201, 214, 0.7); box-shadow: 0 10px 25px rgba(125, 62, 84, 0.06); } .cgc-tender-bubble-1 { width: 42px; height: 42px; left: 9%; bottom: 16%; animation: cgcTenderBubble 5s ease-in-out infinite; } .cgc-tender-bubble-2 { width: 24px; height: 24px; right: 18%; top: 21%; background: rgba(232, 245, 255, 0.8); animation: cgcTenderBubble 5.5s ease-in-out infinite; } @keyframes cgcTenderFloatOne { 0%, 100% { transform: translateY(0) rotate(0deg); } 50% { transform: translateY(-9px) rotate(7deg); } } @keyframes cgcTenderCloudFloat { 0%, 100% { transform: translateY(0) rotate(-4deg); } 50% { transform: translateY(-8px) rotate(6deg); } } @keyframes cgcTenderRibbon { 0%, 100% { transform: translateY(0) rotate(-6deg); } 50% { transform: translateY(-9px) rotate(8deg); } } @keyframes cgcTenderSparkle { 0%, 100% { transform: scale(1) rotate(0deg); opacity: 0.7; } 50% { transform: scale(1.18) rotate(8deg); opacity: 1; } } @keyframes cgcTenderBubble { 0%, 100% { transform: translateY(0); opacity: 0.45; } 50% { transform: translateY(-14px); opacity: 0.85; } } @keyframes cgcTenderPulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.1); } } @media screen and (max-width: 700px) { .cgc-tender-card { padding: 38px 20px; border-radius: 28px; } .cgc-tender-row { padding: 18px 16px; gap: 13px; border-radius: 22px; } .cgc-tender-icon { width: 42px; height: 42px; min-width: 42px; font-size: 19px; } .cgc-tender-row h3 { font-size: 19px; } .cgc-tender-row p { font-size: 14.8px; } .cgc-tender-closing { border-radius: 18px; } } @media screen and (max-width: 480px) { .cgc-tenderly-seen { padding: 32px 12px; } .cgc-tender-card { padding: 34px 15px; border-radius: 24px; } .cgc-tender-card h2 { font-size: clamp(36px, 12vw, 52px); } .cgc-tender-subtitle { font-size: 15.5px; line-height: 1.7; } .cgc-tender-floaty-2, .cgc-tender-floaty-3, .cgc-tender-floaty-4, .cgc-tender-floaty-5, .cgc-tender-bubble-2 { display: none; } } Show more