.elementor-7 .elementor-element.elementor-element-75884ac{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-7 .elementor-element.elementor-element-d7a4256 .elementor-heading-title{font-family:"Unbounded", Sans-serif;font-weight:500;color:#FFFFFF;}.elementor-7 .elementor-element.elementor-element-b0b96ed{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-7 .elementor-element.elementor-element-940ff32{text-align:center;}.elementor-7 .elementor-element.elementor-element-6edfb2c{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-7 .elementor-element.elementor-element-0e9c0f7{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-7 .elementor-element.elementor-element-2bf063f{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-7 .elementor-element.elementor-element-f8d0412{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-7 .elementor-element.elementor-element-b8ea813{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-7 .elementor-element.elementor-element-5e1161d{font-family:"Roboto", Sans-serif;font-weight:400;}body.elementor-page-7:not(.elementor-motion-effects-element-type-background), body.elementor-page-7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1C1A1B;}@media(min-width:768px){.elementor-7 .elementor-element.elementor-element-0e9c0f7{--content-width:1200px;}.elementor-7 .elementor-element.elementor-element-2bf063f{--content-width:1200px;}.elementor-7 .elementor-element.elementor-element-f8d0412{--content-width:1200px;}}@media(max-width:767px){.elementor-7 .elementor-element.elementor-element-75884ac{--justify-content:center;}.elementor-7 .elementor-element.elementor-element-d7a4256{text-align:center;}.elementor-7 .elementor-element.elementor-element-d7a4256 .elementor-heading-title{font-size:40px;}.elementor-7 .elementor-element.elementor-element-940ff32 img{width:80%;}.elementor-7 .elementor-element.elementor-element-5e1161d{font-size:9px;}}/* Start custom CSS for html, class: .elementor-element-a1c20d4 *//* Основной контейнер для центрирования */
.instagram-btn-wrapper {
  display: flex;
  justify-content: center;
  width: 100%;
  padding: 0 20px;
  box-sizing: border-box;
}

/* Адаптивная кнопка */
.responsive-instagram-btn {
  width: 100%;
  max-width: 1300px; /* Макс. ширина на десктопах */
  height: 70px;
  cursor: pointer;
  color: #fff;
  font-size: 18px;
  font-family: 'Unbounded', sans-serif;
  font-weight: 500;
  letter-spacing: 0.5px;
  border: none;
  border-radius: 1rem;
  position: relative;
  background: #100720;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 0 25px;
}

/* Градиентный эффект */
.responsive-instagram-btn::after {
  content: '';
  width: 100%;
  height: 100%;
  background-image: radial-gradient(
    circle farthest-corner at 10% 20%, 
    rgba(255,94,247,1) 17.8%, 
    rgba(2,245,255,1) 100.2%
  );
  filter: blur(15px);
  z-index: -1;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 1rem;
}

/* Стили иконки */
.icon-wrapper {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 24px;
  width: 24px;
  position: relative;
  top: 1px;
}

.instagram-icon {
  width: 100%;
  height: 100%;
  fill: currentColor;
  transition: transform 0.3s ease;
}

/* Стили текста */
.btn-text {
  display: inline-block;
  position: relative;
  top: -1px;
}

/* Эффекты при наведении */
.responsive-instagram-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 20px rgba(255, 94, 247, 0.5);
}

.responsive-instagram-btn:active {
  transform: scale(0.98);
  background: radial-gradient(
    circle farthest-corner at 10% 20%, 
    rgba(255,94,247,1) 17.8%, 
    rgba(2,245,255,1) 100.2%
  );
}

.responsive-instagram-btn:hover .instagram-icon {
  transform: scale(1.15);
}

/* Адаптив для мобильных */
@media (max-width: 767px) {
  .instagram-btn-wrapper {
    padding: 0 5%;
  }
  
  .responsive-instagram-btn {
    width: 90vh; /* 90% ширины экрана на мобильных */
    height: 60px;
    font-size: 16px;
    gap: 10px;
  }
  
  .icon-wrapper {
    height: 22px;
    width: 22px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d7988af *//* Контейнер для центрирования */
.telegram-btn-wrapper {
  display: flex;
  justify-content: center;
  width: 100%;
  padding: 0 20px;
  box-sizing: border-box;
  margin-top: 20px; /* Отступ от предыдущей кнопки */
}

/* Адаптивная кнопка Telegram */
.responsive-telegram-btn {
  width: 100%;
  max-width: 1300px;
  height: 70px;
  cursor: pointer;
  color: #fff;
  font-size: 18px;
  font-family: 'Unbounded', sans-serif;
  font-weight: 500;
  letter-spacing: 0.5px;
  border: none;
  border-radius: 1rem;
  position: relative;
  background: #100720;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 0 25px;
}

/* Градиент для Telegram (зеркальный вариант) */
.responsive-telegram-btn::after {
  content: '';
  width: 100%;
  height: 100%;
  background-image: radial-gradient(
    circle farthest-corner at 20% 10%, 
    rgba(255,94,247,1) 17.8%, 
    rgba(2,245,255,1) 100.2%
  );
  filter: blur(15px);
  z-index: -1;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 1rem;
}

/* Иконка Telegram */
.telegram-icon {
  width: 100%;
  height: 100%;
  fill: currentColor;
  transition: transform 0.3s ease;
}

/* Эффекты для кнопки Telegram */
.responsive-telegram-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 20px rgba(2, 245, 255, 0.5);
}

.responsive-telegram-btn:active {
  transform: scale(0.98);
  background: radial-gradient(
    circle farthest-corner at 20% 10%, 
    rgba(255,94,247,1) 17.8%, 
    rgba(2,245,255,1) 100.2%
  );
}

.responsive-telegram-btn:hover .telegram-icon {
  transform: scale(1.15);
}

/* Адаптив для мобильных */
@media (max-width: 767px) {
  .telegram-btn-wrapper {
    padding: 0 5%;
  }
  
  .responsive-telegram-btn {
    width: 90vh;
    height: 60px;
    font-size: 16px;
    gap: 10px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f9b7eaa *//* Контейнер для центрирования */
.website-btn-wrapper {
  display: flex;
  justify-content: center;
  width: 100%;
  padding: 0 20px;
  box-sizing: border-box;
  margin-top: 20px;
}

/* Стили кнопки сайта */
.responsive-website-btn {
  width: 100%;
  max-width: 1300px;
  height: 70px;
  cursor: pointer;
  color: #fff;
  font-size: 18px;
  font-family: 'Unbounded', sans-serif;
  font-weight: 500;
  letter-spacing: 0.5px;
  border: none;
  border-radius: 1rem;
  position: relative;
  background: #100720;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 0 25px;
  text-decoration: none;
}

/* Градиент (сине-зелёный как земля) */
.responsive-website-btn::after {
  content: '';
  width: 100%;
  height: 100%;
  background-image: radial-gradient(
    circle farthest-corner at 10% 20%, 
    rgba(64,158,255,1) 17.8%, 
    rgba(56,182,112,1) 100.2%
  );
  filter: blur(15px);
  z-index: -1;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 1rem;
}

/* Иконка планеты */
.earth-icon {
  width: 24px;
  height: 24px;
  fill: currentColor;
  transition: transform 0.3s ease;
}

/* Эффекты для кнопки */
.responsive-website-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 20px rgba(64, 158, 255, 0.6);
}

.responsive-website-btn:active {
  transform: scale(0.98);
  background: radial-gradient(
    circle farthest-corner at 10% 20%, 
    rgba(64,158,255,1) 17.8%, 
    rgba(56,182,112,1) 100.2%
  );
}

.responsive-website-btn:hover .earth-icon {
  transform: scale(1.15) rotate(10deg);
}

/* Адаптив для мобильных */
@media (max-width: 767px) {
  .website-btn-wrapper {
    padding: 0 5%;
  }
  
  .responsive-website-btn {
    width: 90vh;
    height: 60px;
    font-size: 16px;
    gap: 10px;
  }
  
  .earth-icon {
    width: 22px;
    height: 22px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-00c4fc5 *//* Контейнер для центрирования */
.cafe-menu-btn-wrapper {
  display: flex;
  justify-content: center;
  width: 100%;
  padding: 0 20px;
  box-sizing: border-box;
  margin-top: 20px;
}

/* Стили кнопки меню кафе */
.responsive-cafe-menu-btn {
  width: 100%;
  max-width: 1300px;
  height: 70px;
  cursor: pointer;
  color: #fff;
  font-size: 18px;
  font-family: 'Unbounded', sans-serif;
  font-weight: 500;
  letter-spacing: 0.5px;
  border: none;
  border-radius: 1rem;
  position: relative;
  background: #100720;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 0 25px;
}

/* Аппетитный градиент (коричнево-золотистый) */
.responsive-cafe-menu-btn::after {
  content: '';
  width: 100%;
  height: 100%;
  background-image: radial-gradient(
    circle farthest-corner at 10% 20%, 
    rgba(210,161,104,1) 17.8%, 
    rgba(165,110,50,1) 100.2%
  );
  filter: blur(15px);
  z-index: -1;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 1rem;
}

/* Иконка из Material Icons */
.cafe-icon {
  width: 24px;
  height: 24px;
  fill: currentColor;
  transition: transform 0.3s ease;
}

/* Эффекты для кнопки */
.responsive-cafe-menu-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 20px rgba(210, 161, 104, 0.6);
}

.responsive-cafe-menu-btn:active {
  transform: scale(0.98);
  background: radial-gradient(
    circle farthest-corner at 10% 20%, 
    rgba(210,161,104,1) 17.8%, 
    rgba(165,110,50,1) 100.2%
  );
}

.responsive-cafe-menu-btn:hover .cafe-icon {
  transform: scale(1.15);
}

/* Адаптив для мобильных */
@media (max-width: 767px) {
  .cafe-menu-btn-wrapper {
    padding: 0 5%;
    
  }
  
  .responsive-cafe-menu-btn {
    width: 90vh;
    height: 60px;
    font-size: 16px;
    gap: 10px;
  }
  
  .cafe-icon {
    width: 22px;
    height: 22px;
  }
}/* End custom CSS */