.ltxe-icon-box { container-type: inline-size; display: flex; gap: 16px; padding: 20px; background: #f6f7fb; border-radius: 16px; color: #1b2433; text-decoration: none; box-sizing: border-box; transition: transform 0.25s ease, box-shadow 0.25s ease; } .ltxe-icon-box--top { flex-direction: column; align-items: flex-start; } .ltxe-icon-box--left { flex-direction: row; align-items: flex-start; } .ltxe-icon-box--right { flex-direction: row-reverse; align-items: flex-start; } .ltxe-icon-box__mark { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; background: #fff; transition: transform 0.45s ease; } .ltxe-icon-box__mark img { width: 60%; height: 60%; object-fit: contain; } .ltxe-icon-box--shape-none .ltxe-icon-box__mark { background: transparent; width: auto; height: auto; } .ltxe-icon-box--shape-circle .ltxe-icon-box__mark { border-radius: 50%; } .ltxe-icon-box--shape-square .ltxe-icon-box__mark { border-radius: 0; } .ltxe-icon-box--shape-rounded .ltxe-icon-box__mark { border-radius: 14px; } .ltxe-icon-box__title { margin: 0 0 8px; font-size: 1.15rem; } .ltxe-icon-box__desc { margin: 0 0 12px; } .ltxe-icon-box__btn { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 0 16px; border-radius: 999px; background: #1b2433; color: #fff; } .ltxe-icon-box--float:hover { transform: translateY(-6px); } .ltxe-icon-box--grow:hover { transform: scale(1.03); } .ltxe-icon-box--spin:hover .ltxe-icon-box__mark { transform: rotate(360deg); } .ltxe-icon-box--bounce:hover .ltxe-icon-box__mark { animation: ltxe-ib-bounce 0.55s ease; } .ltxe-icon-box--glow:hover { box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.25); } @keyframes ltxe-ib-bounce { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-8px); } } @media (prefers-reduced-motion: reduce) { .ltxe-icon-box, .ltxe-icon-box__mark { transition: none; } .ltxe-icon-box--float:hover, .ltxe-icon-box--grow:hover { transform: none; } .ltxe-icon-box--spin:hover .ltxe-icon-box__mark, .ltxe-icon-box--bounce:hover .ltxe-icon-box__mark { transform: none; animation: none; } } .ltxe-share { container-type: inline-size; display: flex; flex-wrap: wrap; gap: 0.5rem; } .ltxe-share a.ltxe-share__btn, .ltxe-share a.ltxe-share__btn:hover, .ltxe-share a.ltxe-share__btn:focus, .ltxe-share a.ltxe-share__btn:visited, .elementor .ltxe-share a.ltxe-share__btn, .elementor .ltxe-share a.ltxe-share__btn:hover, .elementor .ltxe-share a.ltxe-share__btn:focus, .elementor .ltxe-share a.ltxe-share__btn:visited, .ltxe-share__btn, button.ltxe-share__btn { display: inline-flex; align-items: center; justify-content: center; gap: 0.4rem; min-width: 44px; min-height: 44px; padding: 0.5rem 0.75rem; border: 0; text-decoration: none; font: inherit; cursor: pointer; color: #fff !important; -webkit-text-fill-color: #fff !important; background: #444; } .ltxe-share .ltxe-share__icon, .ltxe-share .ltxe-share__label { color: inherit; -webkit-text-fill-color: inherit; } .ltxe-share--square .ltxe-share__btn { border-radius: 0; } .ltxe-share--rounded .ltxe-share__btn { border-radius: 8px; } .ltxe-share--circle .ltxe-share__btn { border-radius: 999px; } .ltxe-share--brand .ltxe-share__btn--facebook { background: #1877f2; } .ltxe-share--brand .ltxe-share__btn--x { background: #111; } .ltxe-share--brand .ltxe-share__btn--linkedin { background: #0a66c2; } .ltxe-share--brand .ltxe-share__btn--whatsapp { background: #25d366; } .ltxe-share--brand .ltxe-share__btn--telegram { background: #229ed9; } .ltxe-share--brand .ltxe-share__btn--pinterest { background: #e60023; } .ltxe-share--brand .ltxe-share__btn--reddit { background: #ff4500; } .ltxe-share--brand .ltxe-share__btn--email, .ltxe-share--brand .ltxe-share__btn--copy, .ltxe-share--brand .ltxe-share__btn--print { background: #333; } .ltxe-share--minimal .ltxe-share__btn, .ltxe-share--minimal a.ltxe-share__btn, .ltxe-share--minimal a.ltxe-share__btn:hover, .ltxe-share--minimal a.ltxe-share__btn:focus, .ltxe-share--minimal a.ltxe-share__btn:visited, .ltxe-share--minimal button.ltxe-share__btn { background: transparent; color: inherit; -webkit-text-fill-color: currentColor; border: 1px solid currentColor; } .ltxe-share__icon { font-weight: 700; } .ltxe-share__copied { position: absolute; margin-top: -2rem; font-size: 0.8rem; } .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; }