.marketing-sidebar {
  margin-top: 80px;
  width: 340px;
  padding: 56px 32px 32px;
  border-radius: 10px;

  &:before {
    content: '';
    position: absolute;
    top: -40px;
    left: 32px;
    width: 80px;
    height: 80px;
    background-size: cover;
  }
}

.marketing-sidebar--email {
  background: linear-gradient(180deg, #F6F9E6 0%, #ECFFDC 100%);

  &:before {
    background-image: url("https://www.spcdn.org/blog/wp-content/plugins/sendpulse-marketing-sidebars/templates/images/ic-sp-email.svg");
  }
}

.marketing-sidebar--instagram {
  background: linear-gradient(360deg, #FEEDE6 0%, #F4E6FF 100%);

  &:before {
    background-image: url("https://www.spcdn.org/blog/wp-content/plugins/sendpulse-marketing-sidebars/templates/images/ic-sp-instagram.svg");
  }
}

.marketing-sidebar--telegram {
  background: linear-gradient(180deg, #E4F7FF 0%, #C8EFFF 100%);

  &:before {
    background-image: url("https://www.spcdn.org/blog/wp-content/plugins/sendpulse-marketing-sidebars/templates/images/ic-sp-telegram.svg");
  }
}

.marketing-sidebar--facebook {
  background: linear-gradient(180deg, #E9F2FF 0%, #CFE3FF 100%);

  &:before {
    background-image: url("https://www.spcdn.org/blog/wp-content/plugins/sendpulse-marketing-sidebars/templates/images/ic-sp-facebook.svg");
  }
}

.marketing-sidebar--livechat {
  background: linear-gradient(180deg, #E9F2FF 0%, #C9DBFF 100%);

  &:before {
    background-image: url("https://www.spcdn.org/blog/wp-content/plugins/sendpulse-marketing-sidebars/templates/images/ic-sp-livechat.svg");
  }
}

.marketing-sidebar--chatbot {
  background: linear-gradient(180deg, #E5F0FF 0%, #CCDCF2 100%);

  &:before {
    background-image: url("https://www.spcdn.org/blog/wp-content/plugins/sendpulse-marketing-sidebars/templates/images/ic-sp-chatbot.svg");
  }
}

.marketing-sidebar--landingpage {
  background: linear-gradient(180deg, #FAD2FF 0%, #FCE5FF 100%);

  &:before {
    background-image: url("https://www.spcdn.org/blog/wp-content/plugins/sendpulse-marketing-sidebars/templates/images/ic-sp-landingpage.svg");
  }
}

.marketing-sidebar--sp {
  background: linear-gradient(180deg, #E4F7FF 0%, #C8EFFF 100%);

  &:before {
    background-image: url("https://www.spcdn.org/blog/wp-content/plugins/sendpulse-marketing-sidebars/templates/images/ic-sp.svg");
  }
}

.marketing-sidebar--popup {
  background: linear-gradient(180deg, #E9F2FF 0%, #C9DBFF 100%);

  &:before {
    background-image: url("https://www.spcdn.org/blog/wp-content/plugins/sendpulse-marketing-sidebars/templates/images/ic-sp-popup.svg");
  }
}

.marketing-sidebar--crm {
  background: linear-gradient(180deg, #E8FBFF 0%, #BAE7F0 100%);

  &:before {
    background-image: url("https://www.spcdn.org/blog/wp-content/plugins/sendpulse-marketing-sidebars/templates/images/ic-sp-crm.svg");
  }
}

.marketing-sidebar--edu {
  background: linear-gradient(180deg, #FFE8E8 0%, #FFFCE8 100%);

  &:before {
    background-image: url("https://www.spcdn.org/blog/wp-content/plugins/sendpulse-marketing-sidebars/templates/images/ic-sp-edu.svg");
  }
}

.marketing-sidebar--whatsapp {
  background: linear-gradient(180deg, #EAF9E6 0%, #ECFFDC 100%);

  &:before {
    background-image: url("https://www.spcdn.org/blog/wp-content/plugins/sendpulse-marketing-sidebars/templates/images/ic-sp-whatsapp.svg");
  }
}

.marketing-sidebar--ai {
  background: linear-gradient(180deg, #ECF4FF 0%, #E3EDFB 100%);

  &:before {
    background-image: url("https://www.spcdn.org/blog/wp-content/plugins/sendpulse-marketing-sidebars/templates/images/ic-sp-ai.svg");
  }
}

.marketing-sidebar__title {
  margin-bottom: 12px !important;
  font-size: 24px;
  line-height: 1.2;
  font-weight: 700;
}

.marketing-sidebar__list-features {
  margin-bottom: 12px;
  font-size: 14px;
  line-height: 1.2;
}

.marketing-sidebar__feature {
  padding-bottom: 12px;
  line-height: 1.2;

  &:before {
    content: '';
    position: absolute;
    height: 12px;
    width: 8px;
    border-bottom: 2px solid #0EF2A5;
    border-right: 2px solid #0EF2A5;
    left: 3px;
    transform: rotate(45deg);
  }
}

.marketing-sidebar__btn {
  margin-bottom: 32px;
  font-size: 18px;
}

.marketing-sidebar__info {
  font-size: 14px;
}

.marketing-sidebar__stars {
  gap: 2px;
}

.marketing-sidebar__star {
  width: 24px;
}

.marketing-sidebar__rating {
  gap: 10px;
  color: #000;

  &:hover,
  &:focus {
    color: #000;
  }
}

.marketing-sidebar__mark {
  font-size: 14px;

  span {
    font-size: 24px;
  }
}

@media (max-width: 1330px) {
  .marketing-sidebar {
    margin-top: 70px;
    width: 280px;
    padding: 46px 20px 20px;

    &:before {
      width: 60px;
      height: 60px;
      top: -30px;
      left: 20px;
    }
  }

  .marketing-sidebar__title {
    font-size: 20px;
  }

  .marketing-sidebar__btn {
    margin-bottom: 24px;
    font-size: 16px;
  }

  .marketing-sidebar__star {
    width: 18px;
  }

  .marketing-sidebar__mark {
    span {
      font-size: 20px;
    }
  }
}

@media (max-width: 1080px) {
  .marketing-sidebar {
    display: none;
  }
}