.elementor-1519 .elementor-element.elementor-element-778153b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:1px;--padding-bottom:1px;--padding-left:1px;--padding-right:1px;}.pp-tooltip.pp-tooltip-{{ID}} .pp-tooltip-content{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}/* Start custom CSS for html, class: .elementor-element-17a32ea *//* Fredoka font is already in your */ .savolino-svet { background: linear-gradient(135deg, #fff8ec 70%, #ffe0f7 100%); position: relative; overflow: hidden; padding: 3rem 0 4rem 0; } .savolino-svet .container { position: relative; z-index: 2; max-width: 650px; margin: 0 auto; text-align: center; background: rgba(255,255,255,0.86); border-radius: 28px; box-shadow: 0 6px 32px rgba(255, 186, 146, 0.19); padding: 2rem 1rem 2.5rem 1rem; } .savolino-svet .section-title { font-family: 'Fredoka', Arial, sans-serif; font-weight: 700; color: #ff6f61; font-size: 2.2rem; letter-spacing: 1px; margin-bottom: 0.4em; } .savolino-svet .section-title span { color: #fcb900; } .savolino-svet .section-subtitle { font-family: 'Fredoka', Arial, sans-serif; color: #ffb347; font-size: 1.15rem; margin-bottom: 1rem; font-weight: 600; } .savolino-svet .section-desc { font-size: 1.02rem; color: #444; margin-bottom: 1.5rem; } .savolino-svet .instagram-feed { background: #ffe7d6; border-radius: 20px; padding: 1.3em .5em; min-height: 160px; margin: 1.5rem 0; box-shadow: 0 4px 16px rgba(255, 186, 146, 0.13); display: flex; flex-wrap: wrap; justify-content: center; align-items: center; min-height: 190px; font-family: 'Fredoka', Arial, sans-serif; font-size: 1rem; color: #ff6f61; /* If plugin outputs images, style as below: */ } .savolino-svet .instagram-feed img { border-radius: 14px; margin: 0.4rem; box-shadow: 0 2px 8px rgba(255, 186, 146, 0.13); transition: transform 0.18s; width: 90px; height: 90px; object-fit: cover; } .savolino-svet .instagram-feed img:hover { transform: scale(1.07) rotate(-2deg); } .savolino-svet .follow-btn { display: inline-block; margin-top: 1.2rem; background: linear-gradient(90deg, #ffb347 30%, #ff6f61 100%); color: #fff; font-family: 'Fredoka', Arial, sans-serif; font-size: 1.2rem; padding: 0.8em 1.6em; border-radius: 30px; box-shadow: 0 2px 12px rgba(255, 111, 97, 0.13); text-decoration: none; font-weight: 700; transition: background 0.2s, transform 0.2s; } .savolino-svet .follow-btn:hover { background: linear-gradient(90deg, #ff6f61 30%, #ffb347 100%); transform: scale(1.06); } .savolino-svet .decor { position: absolute; z-index: 1; width: 54px; opacity: 0.86; pointer-events: none; } @media (max-width: 600px) { .savolino-svet .container { padding: 1.1rem 0.3rem 1.4rem 0.3rem; } .savolino-svet .section-title { font-size: 1.25rem; } .savolino-svet .instagram-feed img { width: 70px; height: 70px; } .savolino-svet .decor { width: 36px; } }/* End custom CSS */