.p-email-marketing .b-svg {
  width: 134px;
}

#svg--email-marketing--envelope_overlay,
#svg--email-marketing--dialog,
#svg--email-marketing--exclamation {
  opacity: 0;
  visibility: hidden;
}

#svg--email-marketing--envelope_overlay {
  -webkit-animation-name: showAnimation, hideAnimation;
  animation-name: showAnimation, hideAnimation;
  -webkit-animation-duration: 0s, 0s;
  animation-duration: 0s, 0s;
  -webkit-animation-delay: .4s, 5s;
  animation-delay: .4s, 5s;
  -webkit-animation-fill-mode: forwards, forwards;
  animation-fill-mode: forwards, forwards;
}

#svg--email-marketing--dialog {
  -webkit-animation-name: showAnimation, hideAnimation;
  animation-name: showAnimation, hideAnimation;
  -webkit-animation-duration: 0s, 0s;
  animation-duration: 0s, 0s;
  -webkit-animation-delay: 1s, 5s;
  animation-delay: 1s, 5s;
  -webkit-animation-fill-mode: forwards, forwards;
  animation-fill-mode: forwards, forwards;
}

#svg--email-marketing--exclamation {
  -webkit-animation: 4s emailMarketingExclamation 1s linear infinite;
  animation: 4s emailMarketingExclamation 1s linear infinite;
}

@-webkit-keyframes emailMarketingExclamation {
  0% {
    opacity: 0;
    visibility: hidden;
  }

  10% {
    opacity: 0;
    visibility: hidden;
  }

  11% {
    opacity: 1;
    visibility: visible;
  }

  23% {
    opacity: 1;
    visibility: visible;
  }

  24% {
    opacity: 0;
    visibility: hidden;
  }

  36% {
    opacity: 0;
    visibility: hidden;
  }

  37% {
    opacity: 1;
    visibility: visible;
  }

  90% {
    opacity: 1;
    visibility: visible;
  }

  91% {
    opacity: 0;
    visibility: hidden;
  }

  100% {
    opacity: 0;
    visibility: hidden;
  }
}

@keyframes emailMarketingExclamation {
  0% {
    opacity: 0;
    visibility: hidden;
  }

  10% {
    opacity: 0;
    visibility: hidden;
  }

  11% {
    opacity: 1;
    visibility: visible;
  }

  23% {
    opacity: 1;
    visibility: visible;
  }

  24% {
    opacity: 0;
    visibility: hidden;
  }

  36% {
    opacity: 0;
    visibility: hidden;
  }

  37% {
    opacity: 1;
    visibility: visible;
  }

  90% {
    opacity: 1;
    visibility: visible;
  }

  91% {
    opacity: 0;
    visibility: hidden;
  }

  100% {
    opacity: 0;
    visibility: hidden;
  }
}

.p-email-marketing__cards .label {
  display: none;
  color: var(--color-white);
  margin-bottom: 30px;
}

@media (min-width: 768px) {
  .p-email-marketing .b-svg {
    width: 158px;
  }
}

@media (min-width: 1024px) {
  .p-email-marketing .b-svg {
    width: 249px;
  }

  .p-email-marketing__cards .label {
    display: block;
    font-size: 28px;
    line-height: 28px;
  }
}

@media (min-width: 1234px) {
  .p-email-marketing .b-svg {
    width: 498px;
  }

  .p-email-marketing__cards .label {
    font-size: 34px;
    line-height: 34px;
  }
}