a.we-btn-black,
button.we-btn-black {
  align-items: center;
  border-radius: 8px;
  cursor: pointer;
  display: inline-flex;
  font-family: roboto, sans-serif;
  font-size: 16px;
  font-weight: 500;
  height: -moz-fit-content;
  height: fit-content;
  justify-content: center;
  margin-right: 13px;
  margin-top: 8px;
  min-width: 140px;
  outline: none;
  padding: 10px 26px 8px 28px;
  position: relative;
  text-align: center;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
@media (max-width: 767px) {
  a.we-btn-black,
  button.we-btn-black {
    font-size: 16px;
    height: -moz-fit-content;
    height: fit-content;
    min-width: auto;
    padding: 6px 20px;
  }
}
a.we-btn-black span,
button.we-btn-black span {
  color: #fff;
  display: inline-block;
  position: relative;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  will-change: transform;
}
a.we-btn-black span:after,
button.we-btn-black span:after {
  background: url(../../../content/dam/bitdefender/white-arrow.svg) no-repeat;
  background-size: cover;
  content: "";
  display: inline-block;
  height: 10px;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 7px;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  width: 15px;
  will-change: right, opacity;
}
@media (max-width: 767px) {
  a.we-btn-black span:after,
  button.we-btn-black span:after {
    top: 6px;
  }
}
a.we-btn-black:hover span,
button.we-btn-black:hover span {
  transform: translate3d(-11px, 0, 0);
}
a.we-btn-black:hover span:after,
button.we-btn-black:hover span:after {
  opacity: 1;
  right: -22px;
}
a.we-btn-black,
button.we-btn-black {
  background-color: #000;
  border: 2px solid #000;
}
a.we-btn-red,
button.we-btn-red {
  align-items: center;
  border-radius: 8px;
  cursor: pointer;
  display: inline-flex;
  font-family: roboto, sans-serif;
  font-size: 16px;
  font-weight: 500;
  height: -moz-fit-content;
  height: fit-content;
  justify-content: center;
  margin-right: 13px;
  margin-top: 8px;
  min-width: 140px;
  outline: none;
  padding: 10px 26px 8px 28px;
  position: relative;
  text-align: center;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
@media (max-width: 767px) {
  a.we-btn-red,
  button.we-btn-red {
    font-size: 16px;
    height: -moz-fit-content;
    height: fit-content;
    min-width: auto;
    padding: 6px 20px;
  }
}
a.we-btn-red span,
button.we-btn-red span {
  color: #fff;
  display: inline-block;
  position: relative;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  will-change: transform;
}
a.we-btn-red span:after,
button.we-btn-red span:after {
  background: url(../../../content/dam/bitdefender/white-arrow.svg) no-repeat;
  background-size: cover;
  content: "";
  display: inline-block;
  height: 10px;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 7px;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  width: 15px;
  will-change: right, opacity;
}
@media (max-width: 767px) {
  a.we-btn-red span:after,
  button.we-btn-red span:after {
    top: 6px;
  }
}
a.we-btn-red:hover span,
button.we-btn-red:hover span {
  transform: translate3d(-11px, 0, 0);
}
a.we-btn-red:hover span:after,
button.we-btn-red:hover span:after {
  opacity: 1;
  right: -22px;
}
a.we-btn-red,
button.we-btn-red {
  background-color: #eb0000;
  border: 2px solid #eb0000;
}
a.we-btn-red:hover,
button.we-btn-red:hover {
  background-color: #d80000;
  border: 2px solid #d80000;
}
a.we-btn-green,
button.we-btn-green {
  align-items: center;
  border-radius: 8px;
  cursor: pointer;
  display: inline-flex;
  font-family: roboto, sans-serif;
  font-size: 16px;
  font-weight: 500;
  height: -moz-fit-content;
  height: fit-content;
  justify-content: center;
  margin-right: 13px;
  margin-top: 8px;
  min-width: 140px;
  outline: none;
  padding: 10px 26px 8px 28px;
  position: relative;
  text-align: center;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
@media (max-width: 767px) {
  a.we-btn-green,
  button.we-btn-green {
    font-size: 16px;
    height: -moz-fit-content;
    height: fit-content;
    min-width: auto;
    padding: 6px 20px;
  }
}
a.we-btn-green span,
button.we-btn-green span {
  color: #fff;
  display: inline-block;
  position: relative;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  will-change: transform;
}
a.we-btn-green span:after,
button.we-btn-green span:after {
  background: url(../../../content/dam/bitdefender/white-arrow.svg) no-repeat;
  background-size: cover;
  content: "";
  display: inline-block;
  height: 10px;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 7px;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  width: 15px;
  will-change: right, opacity;
}
@media (max-width: 767px) {
  a.we-btn-green span:after,
  button.we-btn-green span:after {
    top: 6px;
  }
}
a.we-btn-green:hover span,
button.we-btn-green:hover span {
  transform: translate3d(-11px, 0, 0);
}
a.we-btn-green:hover span:after,
button.we-btn-green:hover span:after {
  opacity: 1;
  right: -22px;
}
a.we-btn-green,
button.we-btn-green {
  background-color: #51a71d;
  border: 2px solid #51a71d;
}
a.we-btn-green:hover,
button.we-btn-green:hover {
  background-color: #469c12;
  border: 2px solid #469c12;
}
a.we-btn-blue,
button.we-btn-blue {
  align-items: center;
  border-radius: 8px;
  cursor: pointer;
  display: inline-flex;
  font-family: roboto, sans-serif;
  font-size: 16px;
  font-weight: 500;
  height: -moz-fit-content;
  height: fit-content;
  justify-content: center;
  margin-right: 13px;
  margin-top: 8px;
  min-width: 140px;
  outline: none;
  padding: 10px 26px 8px 28px;
  position: relative;
  text-align: center;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
@media (max-width: 767px) {
  a.we-btn-blue,
  button.we-btn-blue {
    font-size: 16px;
    height: -moz-fit-content;
    height: fit-content;
    min-width: auto;
    padding: 6px 20px;
  }
}
a.we-btn-blue span,
button.we-btn-blue span {
  color: #fff;
  display: inline-block;
  position: relative;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  will-change: transform;
}
a.we-btn-blue span:after,
button.we-btn-blue span:after {
  background: url(../../../content/dam/bitdefender/white-arrow.svg) no-repeat;
  background-size: cover;
  content: "";
  display: inline-block;
  height: 10px;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 7px;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  width: 15px;
  will-change: right, opacity;
}
@media (max-width: 767px) {
  a.we-btn-blue span:after,
  button.we-btn-blue span:after {
    top: 6px;
  }
}
a.we-btn-blue:hover span,
button.we-btn-blue:hover span {
  transform: translate3d(-11px, 0, 0);
}
a.we-btn-blue:hover span:after,
button.we-btn-blue:hover span:after {
  opacity: 1;
  right: -22px;
}
a.we-btn-blue,
button.we-btn-blue {
  background-color: #006dff;
  border: 2px solid #006dff;
}
a.we-btn-blue:hover,
button.we-btn-blue:hover {
  background-color: #0080ff;
  border: 2px solid #0080ff;
}
a.we-btn-blue span,
button.we-btn-blue span {
  pointer-events: none;
}
a.we-app-store,
button.we-app-store {
  align-items: center;
  border-radius: 8px;
  cursor: pointer;
  display: inline-flex;
  font-family: roboto, sans-serif;
  font-size: 16px;
  font-weight: 500;
  height: -moz-fit-content;
  height: fit-content;
  justify-content: center;
  margin-right: 13px;
  margin-top: 8px;
  min-width: 140px;
  outline: none;
  padding: 10px 26px 8px 28px;
  position: relative;
  text-align: center;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
@media (max-width: 767px) {
  a.we-app-store,
  button.we-app-store {
    font-size: 16px;
    height: -moz-fit-content;
    height: fit-content;
    min-width: auto;
    padding: 6px 20px;
  }
}
a.we-app-store span,
button.we-app-store span {
  color: #fff;
  display: inline-block;
  position: relative;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  will-change: transform;
}
a.we-app-store span:after,
button.we-app-store span:after {
  background: url(../../../content/dam/bitdefender/white-arrow.svg) no-repeat;
  background-size: cover;
  content: "";
  display: inline-block;
  height: 10px;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 7px;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  width: 15px;
  will-change: right, opacity;
}
@media (max-width: 767px) {
  a.we-app-store span:after,
  button.we-app-store span:after {
    top: 6px;
  }
}
a.we-app-store:hover span,
button.we-app-store:hover span {
  transform: translate3d(-11px, 0, 0);
}
a.we-app-store:hover span:after,
button.we-app-store:hover span:after {
  opacity: 1;
  right: -22px;
}
a.we-app-store,
button.we-app-store {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  padding: 0;
  vertical-align: top;
}
@media (max-width: 767px) {
  a.we-app-store,
  button.we-app-store {
    width: 123px;
  }
}
a.we-app-store img,
button.we-app-store img {
  height: 100%;
  left: 0;
  right: auto !important;
  top: 0;
  width: 100%;
}
a.we-app-store:hover,
button.we-app-store:hover {
  background-color: transparent;
  border: 0;
}
a.we-btn-white,
button.we-btn-white {
  align-items: center;
  border-radius: 8px;
  cursor: pointer;
  display: inline-flex;
  font-family: roboto, sans-serif;
  font-size: 16px;
  font-weight: 500;
  height: -moz-fit-content;
  height: fit-content;
  justify-content: center;
  margin-right: 13px;
  margin-top: 8px;
  min-width: 140px;
  outline: none;
  padding: 10px 26px 8px 28px;
  position: relative;
  text-align: center;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
@media (max-width: 767px) {
  a.we-btn-white,
  button.we-btn-white {
    font-size: 16px;
    height: -moz-fit-content;
    height: fit-content;
    min-width: auto;
    padding: 6px 20px;
  }
}
a.we-btn-white span,
button.we-btn-white span {
  color: #fff;
  display: inline-block;
  position: relative;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  will-change: transform;
}
a.we-btn-white span:after,
button.we-btn-white span:after {
  background: url(../../../content/dam/bitdefender/white-arrow.svg) no-repeat;
  content: "";
  display: inline-block;
  height: 10px;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 7px;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  width: 15px;
  will-change: right, opacity;
}
@media (max-width: 767px) {
  a.we-btn-white span:after,
  button.we-btn-white span:after {
    top: 6px;
  }
}
a.we-btn-white:hover span,
button.we-btn-white:hover span {
  transform: translate3d(-11px, 0, 0);
}
a.we-btn-white:hover span:after,
button.we-btn-white:hover span:after {
  opacity: 1;
  right: -22px;
}
a.we-btn-white,
button.we-btn-white {
  background-color: #fff;
  border: 2px solid #fff;
}
a.we-btn-white span,
button.we-btn-white span {
  color: #000;
}
a.we-btn-white span:after,
button.we-btn-white span:after {
  background: url(../../../content/dam/bitdefender/blue-arrow.svg) no-repeat;
  background-size: cover;
}
a.we-btn-transparent,
button.we-btn-transparent {
  align-items: center;
  border-radius: 8px;
  cursor: pointer;
  display: inline-flex;
  font-family: roboto, sans-serif;
  font-size: 16px;
  font-weight: 500;
  height: -moz-fit-content;
  height: fit-content;
  justify-content: center;
  margin-right: 13px;
  margin-top: 8px;
  min-width: 140px;
  outline: none;
  padding: 10px 26px 8px 28px;
  position: relative;
  text-align: center;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
@media (max-width: 767px) {
  a.we-btn-transparent,
  button.we-btn-transparent {
    font-size: 16px;
    height: -moz-fit-content;
    height: fit-content;
    min-width: auto;
    padding: 6px 20px;
  }
}
a.we-btn-transparent span,
button.we-btn-transparent span {
  color: #fff;
  display: inline-block;
  position: relative;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  will-change: transform;
}
a.we-btn-transparent span:after,
button.we-btn-transparent span:after {
  background: url(../../../content/dam/bitdefender/white-arrow.svg) no-repeat;
  content: "";
  display: inline-block;
  height: 10px;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 7px;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  width: 15px;
  will-change: right, opacity;
}
@media (max-width: 767px) {
  a.we-btn-transparent span:after,
  button.we-btn-transparent span:after {
    top: 6px;
  }
}
a.we-btn-transparent:hover span,
button.we-btn-transparent:hover span {
  transform: translate3d(-11px, 0, 0);
}
a.we-btn-transparent:hover span:after,
button.we-btn-transparent:hover span:after {
  opacity: 1;
  right: -22px;
}
a.we-btn-transparent,
button.we-btn-transparent {
  background-color: transparent;
  border: 2px solid #fff;
}
a.we-btn-transparent span:after,
button.we-btn-transparent span:after {
  background: url(../../../content/dam/bitdefender/blue-arrow.svg) no-repeat;
  background-size: cover;
}
a.we-btn-transparent:hover,
button.we-btn-transparent:hover {
  background-color: #fff;
}
a.we-btn-transparent:hover span,
button.we-btn-transparent:hover span {
  color: #000;
}
a.we-btn-black-border,
button.we-btn-black-border {
  align-items: center;
  border-radius: 8px;
  cursor: pointer;
  display: inline-flex;
  font-family: roboto, sans-serif;
  font-size: 16px;
  font-weight: 500;
  height: -moz-fit-content;
  height: fit-content;
  justify-content: center;
  margin-right: 13px;
  margin-top: 8px;
  min-width: 140px;
  outline: none;
  padding: 10px 26px 8px 28px;
  position: relative;
  text-align: center;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
@media (max-width: 767px) {
  a.we-btn-black-border,
  button.we-btn-black-border {
    font-size: 16px;
    height: -moz-fit-content;
    height: fit-content;
    min-width: auto;
    padding: 6px 20px;
  }
}
a.we-btn-black-border span,
button.we-btn-black-border span {
  color: #fff;
  display: inline-block;
  position: relative;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  will-change: transform;
}
a.we-btn-black-border span:after,
button.we-btn-black-border span:after {
  display: inline-block;
  height: 10px;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 7px;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  width: 15px;
  will-change: right, opacity;
}
@media (max-width: 767px) {
  a.we-btn-black-border span:after,
  button.we-btn-black-border span:after {
    top: 6px;
  }
}
a.we-btn-black-border:hover span,
button.we-btn-black-border:hover span {
  transform: translate3d(-11px, 0, 0);
}
a.we-btn-black-border:hover span:after,
button.we-btn-black-border:hover span:after {
  opacity: 1;
  right: -22px;
}
a.we-btn-black-border,
button.we-btn-black-border {
  background-color: transparent;
  border: 2px solid #000;
}
a.we-btn-black-border span,
button.we-btn-black-border span {
  color: #000;
}
a.we-btn-black-border span:after,
button.we-btn-black-border span:after {
  background: url(../../../content/dam/bitdefender/white-arrow.svg) no-repeat;
  background-size: cover;
  content: "";
}
a.we-btn-black-border:hover,
button.we-btn-black-border:hover {
  background-color: #000;
}
a.we-btn-black-border:hover span,
button.we-btn-black-border:hover span {
  color: #fff;
}
.button.we-btn-search,
a.we-btn-search,
button.we-btn-search {
  align-items: center;
  border-radius: 8px;
  cursor: pointer;
  display: inline-flex;
  font-family: roboto, sans-serif;
  font-size: 16px;
  font-weight: 500;
  height: -moz-fit-content;
  height: fit-content;
  justify-content: center;
  margin-right: 13px;
  margin-top: 8px;
  min-width: 140px;
  outline: none;
  padding: 10px 26px 8px 28px;
  position: relative;
  text-align: center;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
@media (max-width: 767px) {
  .button.we-btn-search,
  a.we-btn-search,
  button.we-btn-search {
    font-size: 16px;
    height: -moz-fit-content;
    height: fit-content;
    min-width: auto;
    padding: 6px 20px;
  }
}
.button.we-btn-search span,
a.we-btn-search span,
button.we-btn-search span {
  color: #fff;
  display: inline-block;
  position: relative;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  will-change: transform;
}
.button.we-btn-search span:after,
a.we-btn-search span:after,
button.we-btn-search span:after {
  display: inline-block;
  height: 10px;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 7px;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  width: 15px;
  will-change: right, opacity;
}
@media (max-width: 767px) {
  .button.we-btn-search span:after,
  a.we-btn-search span:after,
  button.we-btn-search span:after {
    top: 6px;
  }
}
.button.we-btn-search:hover span,
a.we-btn-search:hover span,
button.we-btn-search:hover span {
  transform: translate3d(-11px, 0, 0);
}
.button.we-btn-search:hover span:after,
a.we-btn-search:hover span:after,
button.we-btn-search:hover span:after {
  opacity: 1;
  right: -22px;
}
.button.we-btn-search,
a.we-btn-search,
button.we-btn-search {
  background-color: #fff;
  border: 2px solid #fff;
  height: 55px;
  padding: 5px 31px 8px 67px;
  text-align: left;
}
.button.we-btn-search:before,
a.we-btn-search:before,
button.we-btn-search:before {
  background: url(../../../content/dam/bitdefender/search-icon.svg) no-repeat;
  background-size: cover;
  content: "";
  height: 30px;
  left: 21px;
  position: absolute;
  top: 10px;
  width: 30px;
}
@media (max-width: 595px) {
  .button.we-btn-search:before,
  a.we-btn-search:before,
  button.we-btn-search:before {
    top: calc(50% - 16px);
  }
}
.button.we-btn-search span,
a.we-btn-search span,
button.we-btn-search span {
  color: #000;
}
.button.we-btn-search span:after,
a.we-btn-search span:after,
button.we-btn-search span:after {
  background: url(../../../content/dam/bitdefender/white-arrow.svg) no-repeat;
  background-size: cover;
  content: "";
}
.button.we-btn-search small,
a.we-btn-search small,
button.we-btn-search small {
  display: block;
  font-weight: 400;
  letter-spacing: 0.022em;
}
.button.we-btn-search:hover,
a.we-btn-search:hover,
button.we-btn-search:hover {
  background-color: #fff;
  height: 55px;
  padding: 5px 31px 8px 67px;
  text-align: left;
}
.button.we-btn-search:hover:before,
a.we-btn-search:hover:before,
button.we-btn-search:hover:before {
  background: url(../../../content/dam/bitdefender/search-icon.svg) no-repeat;
  background-size: cover;
  content: "";
  height: 30px;
  left: 21px;
  position: absolute;
  top: 10px;
  width: 30px;
}
.button.we-btn-search:hover span,
a.we-btn-search:hover span,
button.we-btn-search:hover span {
  color: #000;
}
.button.we-btn-search:hover span:after,
a.we-btn-search:hover span:after,
button.we-btn-search:hover span:after {
  background: url(../../../content/dam/bitdefender/white-arrow.svg) no-repeat;
  background-size: cover;
  content: "";
}
.button.we-btn-search:hover small,
a.we-btn-search:hover small,
button.we-btn-search:hover small {
  display: block;
  font-weight: 400;
  letter-spacing: 0.022em;
}
.button.we-btn-search:hover:hover,
a.we-btn-search:hover:hover,
button.we-btn-search:hover:hover {
  background-color: #fff;
  padding: 5px 31px 8px 67px;
}
.button.we-btn-search:hover:hover span,
a.we-btn-search:hover:hover span,
button.we-btn-search:hover:hover span {
  color: #000;
}
.button.we-btn-search:hover:hover span:after,
a.we-btn-search:hover:hover span:after,
button.we-btn-search:hover:hover span:after {
  display: none;
}
a.we-btn-blue-border,
button.we-btn-blue-border {
  align-items: center;
  border-radius: 8px;
  cursor: pointer;
  display: inline-flex;
  font-family: roboto, sans-serif;
  font-size: 16px;
  font-weight: 500;
  height: -moz-fit-content;
  height: fit-content;
  justify-content: center;
  margin-right: 13px;
  margin-top: 8px;
  min-width: 140px;
  outline: none;
  padding: 10px 26px 8px 28px;
  position: relative;
  text-align: center;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
@media (max-width: 767px) {
  a.we-btn-blue-border,
  button.we-btn-blue-border {
    font-size: 16px;
    height: -moz-fit-content;
    height: fit-content;
    min-width: auto;
    padding: 6px 20px;
  }
}
a.we-btn-blue-border span,
button.we-btn-blue-border span {
  color: #fff;
  display: inline-block;
  position: relative;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  will-change: transform;
}
a.we-btn-blue-border span:after,
button.we-btn-blue-border span:after {
  display: inline-block;
  height: 10px;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 7px;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  width: 15px;
  will-change: right, opacity;
}
@media (max-width: 767px) {
  a.we-btn-blue-border span:after,
  button.we-btn-blue-border span:after {
    top: 6px;
  }
}
a.we-btn-blue-border:hover span,
button.we-btn-blue-border:hover span {
  transform: translate3d(-11px, 0, 0);
}
a.we-btn-blue-border:hover span:after,
button.we-btn-blue-border:hover span:after {
  opacity: 1;
  right: -22px;
}
a.we-btn-blue-border,
button.we-btn-blue-border {
  background-color: transparent;
  border: 2px solid #006dff;
}
a.we-btn-blue-border span,
button.we-btn-blue-border span {
  color: #006dff;
}
a.we-btn-blue-border span:after,
button.we-btn-blue-border span:after {
  background: url(../../../content/dam/bitdefender/white-arrow.svg) no-repeat;
  background-size: cover;
  content: "";
}
a.we-btn-blue-border:hover,
button.we-btn-blue-border:hover {
  background-color: #006dff;
}
a.we-btn-blue-border:hover span,
button.we-btn-blue-border:hover span {
  color: #fff;
}
.we-link-with-white {
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.3;
  position: relative;
  z-index: 1;
}
@media (max-width: 767px) {
  .we-link-with-white {
    font-size: 16px;
  }
}
.we-link-with-white:first-letter {
  text-transform: uppercase;
}
.we-link-with-white span {
  position: relative;
}
.we-link-with-white span:after {
  background: url(../../../content/dam/bitdefender/white-arrow.svg) no-repeat;
  background-size: cover;
  content: "";
  display: inline-block;
  height: 10px;
  margin-left: 5px;
  position: relative;
  top: 0;
  transform: translateX(0);
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  width: 15px;
}
.we-link-with-white:hover span:after {
  transform: translateX(4px);
}
.we-link-with-white {
  color: #fff;
}
.we-link-with-blue {
  cursor: pinter;
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.3;
  position: relative;
  z-index: 1;
}
@media (max-width: 767px) {
  .we-link-with-blue {
    font-size: 16px;
  }
}
.we-link-with-blue:first-letter {
  text-transform: uppercase;
}
.we-link-with-blue span {
  position: relative;
}
.we-link-with-blue span:after {
  background: url(../../../content/dam/bitdefender/white-arrow.svg) no-repeat;
  background-size: cover;
  content: "";
  display: inline-block;
  height: 10px;
  margin-left: 5px;
  position: relative;
  top: 0;
  transform: translateX(0);
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  width: 15px;
}
.we-link-with-blue:hover span:after {
  transform: translateX(4px);
}
.we-link-with-blue {
  color: #005ed9;
}
.we-link-with-blue span:after {
  background: url(../../../content/dam/bitdefender/blue-arrow.svg) no-repeat;
}
.we-link-with-blue:hover {
  color: #00439c;
}
.we-link-with-blue:hover span:after {
  background: url(../../../content/dam/bitdefender/dark-blue-arrow.svg)
    no-repeat;
}
.we-link-with-blue.download {
  padding-left: 20px;
}
.we-link-with-blue.download:before {
  background: url(../../../content/dam/bitdefender/download.svg) no-repeat;
  content: "";
  display: inline-block;
  height: 14px;
  left: -20px;
  position: relative;
  width: 16px;
}
.we-link-with-blue.download span:after {
  display: none;
}
.we-link-with-blue.see-more span:after {
  background: none;
  border-bottom: 2px solid #006dff;
  border-right: 2px solid #006dff;
  height: 7px;
  top: -2px;
  transform: rotate(45deg);
  width: 7px;
}
.we-link-with-blue.see-more.close-it span:after {
  top: 3px;
  transform: rotate(-135deg);
}
.we-link-download {
  color: #006dff;
  margin-right: 13px;
  padding-left: 8px;
  position: relative;
}
.we-link-download:hover {
  opacity: 0.8;
}
.we-link-download:before {
  background: url(../../../content/dam/bitdefender/download_icon.svg) no-repeat;
  content: "";
  display: inline-block;
  height: 14px;
  left: -8px;
  position: relative;
  width: 16px;
}
.we-link-user-guide {
  color: #006dff;
  margin-right: 13px;
  padding-left: 8px;
  position: relative;
}
.we-link-user-guide:hover {
  opacity: 0.8;
}
.we-link-user-guide:before {
  background: url(../../../content/dam/bitdefender/mannual_icon.svg) no-repeat;
  content: "";
  display: inline-block;
  height: 16px;
  left: -8px;
  position: relative;
  width: 16px;
}
.button button {
  background: transparent;
  min-height: 30px;
  min-width: 100px;
}
.button .cmp-button {
  align-items: center;
  display: inline-flex;
  justify-content: center;
}
.button .cmp-button__icon {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 21px;
  margin-right: 2px;
  width: 21px;
}
.button .cmp-button__icon--android {
  background-image: url(../../../content/dam/bitdefender/icons/android.png);
}
.button .cmp-button__icon--macos {
  background-image: url(../../../content/dam/bitdefender/icons/mac.png);
}
.button .cmp-button__icon--store-locator {
  background-image: url(../../../content/dam/bitdefender/search-icon.svg);
  background-repeat: no-repeat;
  height: 30px;
  margin-right: 10px;
  text-align: left;
  width: 30px;
}
.button .cmp-button__icon--download {
  background-image: url(../../../content/dam/bitdefender/download_icon.svg);
  margin-right: 8px;
}
.button .cmp-button__icon--manual {
  background-image: url(../../../content/dam/bitdefender/mannual_icon.svg);
  margin-right: 8px;
}
.button .cmp-button__text {
  font-size: 18px;
}
.button .cmp-button small {
  display: block;
  font-weight: 400;
  letter-spacing: 0.022em;
  text-align: left;
}
.button--default {
  margin-right: 13px;
}
.button--default .cmp-button {
  color: #006dff;
  text-decoration: underline;
}
.button--default-white {
  margin-right: 13px;
}
.button--default-white .cmp-button {
  color: #fff;
  text-decoration: underline;
}
.button--text-black .cmp-button {
  color: #000;
  font-weight: 500;
}
.button--black .cmp-button {
  align-items: center;
  border-radius: 8px;
  cursor: pointer;
  display: inline-flex;
  font-family: roboto, sans-serif;
  font-size: 16px;
  font-weight: 500;
  height: -moz-fit-content;
  height: fit-content;
  justify-content: center;
  margin-right: 13px;
  margin-top: 8px;
  min-width: 140px;
  outline: none;
  padding: 10px 26px 8px 28px;
  position: relative;
  text-align: center;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
@media (max-width: 767px) {
  .button--black .cmp-button {
    font-size: 16px;
    height: -moz-fit-content;
    height: fit-content;
    min-width: auto;
    padding: 6px 20px;
  }
}
.button--black .cmp-button span {
  color: #fff;
  display: inline-block;
  position: relative;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  will-change: transform;
}
.button--black .cmp-button span:after {
  background: url(../../../content/dam/bitdefender/white-arrow.svg) no-repeat;
  background-size: cover;
  content: "";
  display: inline-block;
  height: 10px;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 7px;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  width: 15px;
  will-change: right, opacity;
}
@media (max-width: 767px) {
  .button--black .cmp-button span:after {
    top: 6px;
  }
}
.button--black .cmp-button:hover span {
  transform: translate3d(-11px, 0, 0);
}
.button--black .cmp-button:hover span:after {
  opacity: 1;
  right: -22px;
}
.button--black > .cmp-button {
  background-color: #000;
  border: 2px solid #000;
}
.button--black > .cmp-button > span.cmp-button__text:after {
  top: 10px;
}
.button--red .cmp-button {
  align-items: center;
  border-radius: 8px;
  cursor: pointer;
  display: inline-flex;
  font-family: roboto, sans-serif;
  font-size: 16px;
  font-weight: 500;
  height: -moz-fit-content;
  height: fit-content;
  justify-content: center;
  margin-right: 13px;
  margin-top: 8px;
  min-width: 140px;
  outline: none;
  padding: 10px 26px 8px 28px;
  position: relative;
  text-align: center;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
@media (max-width: 767px) {
  .button--red .cmp-button {
    font-size: 16px;
    height: -moz-fit-content;
    height: fit-content;
    min-width: auto;
    padding: 6px 20px;
  }
}
.button--red .cmp-button span {
  color: #fff;
  display: inline-block;
  position: relative;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  will-change: transform;
}
.button--red .cmp-button span:after {
  background: url(../../../content/dam/bitdefender/white-arrow.svg) no-repeat;
  background-size: cover;
  content: "";
  display: inline-block;
  height: 10px;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 7px;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  width: 15px;
  will-change: right, opacity;
}
@media (max-width: 767px) {
  .button--red .cmp-button span:after {
    top: 6px;
  }
}
.button--red .cmp-button:hover span {
  transform: translate3d(-11px, 0, 0);
}
.button--red .cmp-button:hover span:after {
  opacity: 1;
  right: -22px;
}
.button--red > .cmp-button {
  background-color: #eb0000;
  border: 2px solid #eb0000;
}
.button--red > .cmp-button > .cmp-button__text {
  color: #fff;
}
.button--red > .cmp-button > .cmp-button__text:after {
  top: 10px;
}
.button--red > .cmp-button > .cmp-button__text.popup-button-text {
  display: inline-block;
  font-size: 14px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 400;
  letter-spacing: normal;
  line-height: 1.3;
  position: relative;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  will-change: transform;
}
.button--red > .cmp-button > .cmp-button__text.popup-button-text:after {
  background: url(../../../content/dam/bitdefender/white-arrow.svg) no-repeat;
  background-size: cover;
  content: "";
  display: inline-block;
  height: 10px;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 4px;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  width: 15px;
  will-change: right, opacity;
}
.button--red > .cmp-button:hover {
  background-color: #d80000;
  border: 2px solid #d80000;
}
.button--red > .cmp-button:hover .cmp-button__text.popup-button-text {
  transform: translate3d(-11px, 0, 0);
}
.button--red > .cmp-button:hover .cmp-button__text.popup-button-text:after {
  opacity: 1;
  right: -22px;
}
.button--green .cmp-button {
  align-items: center;
  border-radius: 8px;
  cursor: pointer;
  display: inline-flex;
  font-family: roboto, sans-serif;
  font-size: 16px;
  font-weight: 500;
  height: -moz-fit-content;
  height: fit-content;
  justify-content: center;
  margin-right: 13px;
  margin-top: 8px;
  min-width: 140px;
  outline: none;
  padding: 10px 26px 8px 28px;
  position: relative;
  text-align: center;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
@media (max-width: 767px) {
  .button--green .cmp-button {
    font-size: 16px;
    height: -moz-fit-content;
    height: fit-content;
    min-width: auto;
    padding: 6px 20px;
  }
}
.button--green .cmp-button span {
  color: #fff;
  display: inline-block;
  position: relative;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  will-change: transform;
}
.button--green .cmp-button span:after {
  background: url(../../../content/dam/bitdefender/white-arrow.svg) no-repeat;
  background-size: cover;
  content: "";
  display: inline-block;
  height: 10px;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 7px;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  width: 15px;
  will-change: right, opacity;
}
@media (max-width: 767px) {
  .button--green .cmp-button span:after {
    top: 6px;
  }
}
.button--green .cmp-button:hover span {
  transform: translate3d(-11px, 0, 0);
}
.button--green .cmp-button:hover span:after {
  opacity: 1;
  right: -22px;
}
.button--green > .cmp-button {
  background-color: #51a71d;
  border: 2px solid #51a71d;
}
.button--green > .cmp-button > span.cmp-button__text:after {
  top: 10px;
}
.button--green > .cmp-button:hover {
  background-color: #469c12;
  border: 2px solid #469c12;
}
.button--blue .cmp-button {
  align-items: center;
  border-radius: 8px;
  cursor: pointer;
  display: inline-flex;
  font-family: roboto, sans-serif;
  font-size: 16px;
  font-weight: 500;
  height: -moz-fit-content;
  height: fit-content;
  justify-content: center;
  margin-right: 13px;
  margin-top: 8px;
  min-width: 140px;
  outline: none;
  padding: 10px 26px 8px 28px;
  position: relative;
  text-align: center;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
@media (max-width: 767px) {
  .button--blue .cmp-button {
    font-size: 16px;
    height: -moz-fit-content;
    height: fit-content;
    min-width: auto;
    padding: 6px 20px;
  }
}
.button--blue .cmp-button span {
  color: #fff;
  display: inline-block;
  position: relative;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  will-change: transform;
}
.button--blue .cmp-button span:after {
  background: url(../../../content/dam/bitdefender/white-arrow.svg) no-repeat;
  background-size: cover;
  content: "";
  display: inline-block;
  height: 10px;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 7px;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  width: 15px;
  will-change: right, opacity;
}
@media (max-width: 767px) {
  .button--blue .cmp-button span:after {
    top: 6px;
  }
}
.button--blue .cmp-button:hover span {
  transform: translate3d(-11px, 0, 0);
}
.button--blue .cmp-button:hover span:after {
  opacity: 1;
  right: -22px;
}
.button--blue > .cmp-button {
  background-color: #006dff;
  border: 2px solid #006dff;
}
.button--blue > .cmp-button > span.cmp-button__text:after {
  top: 10px;
}
.button--blue > .cmp-button:hover {
  background-color: #0080ff;
  border: 2px solid #0080ff;
}
.button--white .cmp-button {
  align-items: center;
  border-radius: 8px;
  cursor: pointer;
  display: inline-flex;
  font-family: roboto, sans-serif;
  font-size: 16px;
  font-weight: 500;
  height: -moz-fit-content;
  height: fit-content;
  justify-content: center;
  margin-right: 13px;
  margin-top: 8px;
  min-width: 140px;
  outline: none;
  padding: 10px 26px 8px 28px;
  position: relative;
  text-align: center;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
@media (max-width: 767px) {
  .button--white .cmp-button {
    font-size: 16px;
    height: -moz-fit-content;
    height: fit-content;
    min-width: auto;
    padding: 6px 20px;
  }
}
.button--white .cmp-button span {
  color: #fff;
  display: inline-block;
  position: relative;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  will-change: transform;
}
.button--white .cmp-button span:after {
  background: url(../../../content/dam/bitdefender/white-arrow.svg) no-repeat;
  background-size: cover;
  content: "";
  display: inline-block;
  height: 10px;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 7px;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  width: 15px;
  will-change: right, opacity;
}
@media (max-width: 767px) {
  .button--white .cmp-button span:after {
    top: 6px;
  }
}
.button--white .cmp-button:hover span {
  transform: translate3d(-11px, 0, 0);
}
.button--white .cmp-button:hover span:after {
  opacity: 1;
  right: -22px;
}
.button--white > .cmp-button {
  background-color: #fff;
  border: 2px solid #fff;
}
.button--white > .cmp-button > span.cmp-button__text {
  color: #000;
}
.button--white > .cmp-button > span.cmp-button__text:after {
  background: url(../../../content/dam/bitdefender/blue-arrow.svg) no-repeat;
  background-size: cover;
  top: 10px;
}
.button--transparent .cmp-button {
  align-items: center;
  border-radius: 8px;
  cursor: pointer;
  display: inline-flex;
  font-family: roboto, sans-serif;
  font-size: 16px;
  font-weight: 500;
  height: -moz-fit-content;
  height: fit-content;
  justify-content: center;
  margin-right: 13px;
  margin-top: 8px;
  min-width: 140px;
  outline: none;
  padding: 10px 26px 8px 28px;
  position: relative;
  text-align: center;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
@media (max-width: 767px) {
  .button--transparent .cmp-button {
    font-size: 16px;
    height: -moz-fit-content;
    height: fit-content;
    min-width: auto;
    padding: 6px 20px;
  }
}
.button--transparent .cmp-button span {
  color: #fff;
  display: inline-block;
  position: relative;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  will-change: transform;
}
.button--transparent .cmp-button span:after {
  background: url(../../../content/dam/bitdefender/white-arrow.svg) no-repeat;
  background-size: cover;
  content: "";
  display: inline-block;
  height: 10px;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 7px;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  width: 15px;
  will-change: right, opacity;
}
@media (max-width: 767px) {
  .button--transparent .cmp-button span:after {
    top: 6px;
  }
}
.button--transparent .cmp-button:hover span {
  transform: translate3d(-11px, 0, 0);
}
.button--transparent .cmp-button:hover span:after {
  opacity: 1;
  right: -22px;
}
.button--transparent > .cmp-button {
  background-color: transparent;
  border: 2px solid #fff;
}
.button--transparent > .cmp-button > span.cmp-button__text:after {
  background: url(../../../content/dam/bitdefender/blue-arrow.svg) no-repeat;
  background-size: cover;
  top: 10px;
}
.button--transparent > .cmp-button:hover {
  background-color: #fff;
}
.button--transparent > .cmp-button:hover span.cmp-button__text {
  color: #000;
}
.button--black-border .cmp-button {
  align-items: center;
  border-radius: 8px;
  cursor: pointer;
  display: inline-flex;
  font-family: roboto, sans-serif;
  font-size: 16px;
  font-weight: 500;
  height: -moz-fit-content;
  height: fit-content;
  justify-content: center;
  margin-right: 13px;
  margin-top: 8px;
  min-width: 140px;
  outline: none;
  padding: 10px 26px 8px 28px;
  position: relative;
  text-align: center;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
@media (max-width: 767px) {
  .button--black-border .cmp-button {
    font-size: 16px;
    height: -moz-fit-content;
    height: fit-content;
    min-width: auto;
    padding: 6px 20px;
  }
}
.button--black-border .cmp-button span {
  color: #fff;
  display: inline-block;
  position: relative;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  will-change: transform;
}
.button--black-border .cmp-button span:after {
  background: url(../../../content/dam/bitdefender/white-arrow.svg) no-repeat;
  background-size: cover;
  content: "";
  display: inline-block;
  height: 10px;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 7px;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  width: 15px;
  will-change: right, opacity;
}
@media (max-width: 767px) {
  .button--black-border .cmp-button span:after {
    top: 6px;
  }
}
.button--black-border .cmp-button:hover span {
  transform: translate3d(-11px, 0, 0);
}
.button--black-border .cmp-button:hover span:after {
  opacity: 1;
  right: -22px;
}
.button--black-border > .cmp-button {
  background-color: transparent;
  border: 2px solid #000;
}
.button--black-border > .cmp-button > span.cmp-button__text {
  color: #000;
}
.button--black-border > .cmp-button > span.cmp-button__text:after {
  background: url(../../../content/dam/bitdefender/white-arrow.svg) no-repeat;
  background-size: cover;
  content: "";
  top: 10px;
}
.button--black-border > .cmp-button:hover {
  background-color: #000;
}
.button--black-border > .cmp-button:hover span.cmp-button__text {
  color: #fff;
}
.button--blue-border .cmp-button {
  align-items: center;
  border-radius: 8px;
  cursor: pointer;
  display: inline-flex;
  font-family: roboto, sans-serif;
  font-size: 16px;
  font-weight: 500;
  height: -moz-fit-content;
  height: fit-content;
  justify-content: center;
  margin-right: 13px;
  margin-top: 8px;
  min-width: 140px;
  outline: none;
  padding: 10px 26px 8px 28px;
  position: relative;
  text-align: center;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
@media (max-width: 767px) {
  .button--blue-border .cmp-button {
    font-size: 16px;
    height: -moz-fit-content;
    height: fit-content;
    min-width: auto;
    padding: 6px 20px;
  }
}
.button--blue-border .cmp-button span {
  color: #fff;
  display: inline-block;
  position: relative;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  will-change: transform;
}
.button--blue-border .cmp-button span:after {
  background: url(../../../content/dam/bitdefender/white-arrow.svg) no-repeat;
  background-size: cover;
  content: "";
  display: inline-block;
  height: 10px;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 7px;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  width: 15px;
  will-change: right, opacity;
}
@media (max-width: 767px) {
  .button--blue-border .cmp-button span:after {
    top: 6px;
  }
}
.button--blue-border .cmp-button:hover span {
  transform: translate3d(-11px, 0, 0);
}
.button--blue-border .cmp-button:hover span:after {
  opacity: 1;
  right: -22px;
}
.button--blue-border > .cmp-button {
  background-color: transparent;
  border: 2px solid #006dff;
}
.button--blue-border > .cmp-button > span.cmp-button__text {
  color: #006dff;
}
.button--blue-border > .cmp-button > span.cmp-button__text:after {
  background: url(../../../content/dam/bitdefender/white-arrow.svg) no-repeat;
  background-size: cover;
  content: "";
  top: 10px;
}
.button--blue-border > .cmp-button:hover {
  background-color: #006dff;
}
.button--blue-border > .cmp-button:hover span.cmp-button__text {
  color: #fff;
}
.button--red-border .cmp-button {
  align-items: center;
  border-radius: 8px;
  cursor: pointer;
  display: inline-flex;
  font-family: roboto, sans-serif;
  font-size: 16px;
  font-weight: 500;
  height: -moz-fit-content;
  height: fit-content;
  justify-content: center;
  margin-right: 13px;
  margin-top: 8px;
  min-width: 140px;
  outline: none;
  padding: 10px 26px 8px 28px;
  position: relative;
  text-align: center;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
@media (max-width: 767px) {
  .button--red-border .cmp-button {
    font-size: 16px;
    height: -moz-fit-content;
    height: fit-content;
    min-width: auto;
    padding: 6px 20px;
  }
}
.button--red-border .cmp-button span {
  color: #fff;
  display: inline-block;
  position: relative;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  will-change: transform;
}
.button--red-border .cmp-button span:after {
  background: url(../../../content/dam/bitdefender/white-arrow.svg) no-repeat;
  background-size: cover;
  content: "";
  display: inline-block;
  height: 10px;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 7px;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  width: 15px;
  will-change: right, opacity;
}
@media (max-width: 767px) {
  .button--red-border .cmp-button span:after {
    top: 6px;
  }
}
.button--red-border .cmp-button:hover span {
  transform: translate3d(-11px, 0, 0);
}
.button--red-border .cmp-button:hover span:after {
  opacity: 1;
  right: -22px;
}
.button--red-border > .cmp-button {
  background-color: transparent;
  border: 2px solid red;
}
.button--red-border > .cmp-button > span.cmp-button__text {
  color: red;
}
.button--red-border > .cmp-button > span.cmp-button__text:after {
  background: url(../../../content/dam/bitdefender/white-arrow.svg) no-repeat;
  background-size: cover;
  content: "";
  top: 10px;
}
.button--red-border > .cmp-button:hover {
  background-color: red;
}
.button--red-border > .cmp-button:hover span.cmp-button__text {
  color: #fff;
}
.button--as-link-with-white .cmp-button {
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.3;
  position: relative;
  z-index: 1;
}
@media (max-width: 767px) {
  .button--as-link-with-white .cmp-button {
    font-size: 16px;
  }
}
.button--as-link-with-white .cmp-button:first-letter {
  text-transform: uppercase;
}
.button--as-link-with-white .cmp-button span {
  position: relative;
}
.button--as-link-with-white .cmp-button span:after {
  background: url(../../../content/dam/bitdefender/white-arrow.svg) no-repeat;
  background-size: cover;
  content: "";
  display: inline-block;
  height: 10px;
  margin-left: 5px;
  position: relative;
  top: 0;
  transform: translateX(0);
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  width: 15px;
}
.button--as-link-with-white .cmp-button:hover span:after {
  transform: translateX(4px);
}
.button--as-link-with-white .cmp-button {
  color: #fff;
}
.button--as-link-with-blue > .cmp-button {
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.3;
  position: relative;
  z-index: 1;
}
@media (max-width: 767px) {
  .button--as-link-with-blue > .cmp-button {
    font-size: 16px;
  }
}
.button--as-link-with-blue > .cmp-button:first-letter {
  text-transform: uppercase;
}
.button--as-link-with-blue > .cmp-button span {
  position: relative;
}
.button--as-link-with-blue > .cmp-button span:after {
  background: url(../../../content/dam/bitdefender/white-arrow.svg) no-repeat;
  background-size: cover;
  content: "";
  display: inline-block;
  height: 10px;
  margin-left: 5px;
  position: relative;
  top: 0;
  transform: translateX(0);
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  width: 15px;
}
.button--as-link-with-blue > .cmp-button:hover span:after {
  transform: translateX(4px);
}
.button--as-link-with-blue > .cmp-button {
  color: #005ed9;
}
.button--as-link-with-blue > .cmp-button > span.cmp-button__text:after {
  background: url(../../../content/dam/bitdefender/blue-arrow.svg) no-repeat;
}
.button--as-link-with-blue > .cmp-button:hover {
  color: #00439c;
}
.button--as-link-with-blue > .cmp-button:hover span:after {
  background: url(../../../content/dam/bitdefender/dark-blue-arrow.svg)
    no-repeat;
}
.button--as-link-with-blue > .cmp-button.download {
  padding-left: 20px;
}
.button--as-link-with-blue > .cmp-button.download:before {
  background: url(../../../content/dam/bitdefender/download.svg) no-repeat;
  content: "";
  display: inline-block;
  height: 14px;
  left: -20px;
  position: relative;
  width: 16px;
}
.button--as-link-with-blue > .cmp-button.download span:after {
  display: none;
}
.button--as-link-with-blue > .cmp-button.see-more span:after {
  background: none;
  border-bottom: 2px solid #006dff;
  border-right: 2px solid #006dff;
  height: 7px;
  top: -2px;
  transform: rotate(45deg);
  width: 7px;
}
.button--as-link-with-blue > .cmp-button.see-more.close-it span:after {
  top: 3px;
  transform: rotate(-135deg);
}
.button--white-with-search-icon .cmp-button {
  align-items: center;
  border-radius: 8px;
  cursor: pointer;
  display: inline-flex;
  font-family: roboto, sans-serif;
  font-size: 16px;
  font-weight: 500;
  justify-content: center;
  margin-right: 13px;
  margin-top: 8px;
  min-width: 140px;
  outline: none;
  padding: 10px 26px 8px 28px;
  position: relative;
  text-align: center;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
@media (max-width: 767px) {
  .button--white-with-search-icon .cmp-button {
    font-size: 16px;
    height: -moz-fit-content;
    height: fit-content;
    min-width: auto;
    padding: 6px 20px;
  }
}
.button--white-with-search-icon .cmp-button span {
  color: #fff;
  display: inline-block;
  position: relative;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  will-change: transform;
}
.button--white-with-search-icon .cmp-button span:after {
  display: inline-block;
  height: 10px;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 7px;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  width: 15px;
  will-change: right, opacity;
}
@media (max-width: 767px) {
  .button--white-with-search-icon .cmp-button span:after {
    top: 6px;
  }
}
.button--white-with-search-icon .cmp-button:hover span {
  transform: translate3d(-11px, 0, 0);
}
.button--white-with-search-icon .cmp-button:hover span:after {
  opacity: 1;
  right: -22px;
}
.button--white-with-search-icon .cmp-button {
  background-color: #fff;
  border: 2px solid #fff;
  height: -moz-fit-content;
  height: fit-content;
  padding: 5px 31px 8px 67px;
  text-align: left;
}
.button--white-with-search-icon .cmp-button:before {
  background: url(../../../content/dam/bitdefender/search-icon.svg) no-repeat;
  background-size: cover;
  content: "";
  height: 30px;
  left: 21px;
  position: absolute;
  top: calc(50% - 15px);
  width: 30px;
}
@media (max-width: 991px) {
  .button--white-with-search-icon .cmp-button:before {
    left: 8px;
  }
  .button--white-with-search-icon .cmp-button {
    padding: 5px 31px 8px 57px;
  }
}
@media (max-width: 595px) {
  .button--white-with-search-icon .cmp-button {
    padding: 5px 18px 8px 57px;
  }
}
.button--white-with-search-icon .cmp-button span {
  color: #000;
  font-size: 18px;
}
.button--white-with-search-icon .cmp-button span:after {
  background: url(../../../content/dam/bitdefender/white-arrow.svg) no-repeat;
  background-size: cover;
  content: "";
}
@media (max-width: 991px) {
  .button--white-with-search-icon .cmp-button span {
    font-size: 16px;
  }
}
@media (max-width: 595px) {
  .button--white-with-search-icon .cmp-button span {
    font-size: 14px;
  }
}
.button--white-with-search-icon .cmp-button small {
  display: block;
  font-weight: 400;
  letter-spacing: 0.022em;
}
.button--font-xs .cmp-button span.cmp-button__text {
  font-size: 14px;
}
.button--font-xs.button--black .cmp-button span.cmp-button__text:after,
.button--font-xs.button--black-border .cmp-button span.cmp-button__text:after,
.button--font-xs.button--blue .cmp-button span.cmp-button__text:after,
.button--font-xs.button--blue-border .cmp-button span.cmp-button__text:after,
.button--font-xs.button--green .cmp-button span.cmp-button__text:after,
.button--font-xs.button--red .cmp-button span.cmp-button__text:after,
.button--font-xs.button--transparent .cmp-button span.cmp-button__text:after,
.button--font-xs.button--white .cmp-button span.cmp-button__text:after {
  top: 7px;
}
.button--font-sm .cmp-button span.cmp-button__text {
  font-size: 16px;
}
.button--font-sm.button--black .cmp-button span.cmp-button__text:after,
.button--font-sm.button--black-border .cmp-button span.cmp-button__text:after,
.button--font-sm.button--blue .cmp-button span.cmp-button__text:after,
.button--font-sm.button--blue-border .cmp-button span.cmp-button__text:after,
.button--font-sm.button--green .cmp-button span.cmp-button__text:after,
.button--font-sm.button--red .cmp-button span.cmp-button__text:after,
.button--font-sm.button--transparent .cmp-button span.cmp-button__text:after,
.button--font-sm.button--white .cmp-button span.cmp-button__text:after {
  top: 0.5rem;
}
.button--font-md .cmp-button span.cmp-button__text {
  font-size: 0.8rem;
}
@media (min-width: 768px) {
  .button--font-md .cmp-button span.cmp-button__text {
    font-size: 14px;
  }
}
@media (min-width: 992px) {
  .button--font-md .cmp-button span.cmp-button__text {
    font-size: 1rem;
  }
}
.button--font-md.button--black .cmp-button span.cmp-button__text:after,
.button--font-md.button--black-border .cmp-button span.cmp-button__text:after,
.button--font-md.button--blue .cmp-button span.cmp-button__text:after,
.button--font-md.button--blue-border .cmp-button span.cmp-button__text:after,
.button--font-md.button--green .cmp-button span.cmp-button__text:after,
.button--font-md.button--red .cmp-button span.cmp-button__text:after,
.button--font-md.button--transparent .cmp-button span.cmp-button__text:after,
.button--font-md.button--white .cmp-button span.cmp-button__text:after {
  top: 5px;
}
@media (min-width: 768px) {
  .button--font-md.button--black .cmp-button span.cmp-button__text:after,
  .button--font-md.button--black-border .cmp-button span.cmp-button__text:after,
  .button--font-md.button--blue .cmp-button span.cmp-button__text:after,
  .button--font-md.button--blue-border .cmp-button span.cmp-button__text:after,
  .button--font-md.button--green .cmp-button span.cmp-button__text:after,
  .button--font-md.button--red .cmp-button span.cmp-button__text:after,
  .button--font-md.button--transparent .cmp-button span.cmp-button__text:after,
  .button--font-md.button--white .cmp-button span.cmp-button__text:after {
    top: 6px;
  }
}
@media (min-width: 992px) {
  .button--font-md.button--black .cmp-button span.cmp-button__text:after,
  .button--font-md.button--black-border .cmp-button span.cmp-button__text:after,
  .button--font-md.button--blue .cmp-button span.cmp-button__text:after,
  .button--font-md.button--blue-border .cmp-button span.cmp-button__text:after,
  .button--font-md.button--green .cmp-button span.cmp-button__text:after,
  .button--font-md.button--red .cmp-button span.cmp-button__text:after,
  .button--font-md.button--transparent .cmp-button span.cmp-button__text:after,
  .button--font-md.button--white .cmp-button span.cmp-button__text:after {
    top: 8px;
  }
}
.button--padding-xs .cmp-button {
  padding: 0.5rem 1rem;
}
.button--margin-xs {
  margin: 5px 10px;
}
.button--margin-top-double {
  margin-top: 27px;
}
.button.button--no-margins .cmp-button {
  margin: 0;
}
.button--white-icon .cmp-button__icon {
  filter: brightness(0) invert(1);
}
.button--black-icon .cmp-button__icon {
  filter: brightness(0);
}
.button--float-left {
  float: left;
}
.button--float-right {
  float: right;
}
.button--center .cmp-button {
  left: 50%;
  transform: translateX(-50%);
}
.button--mr-none,
.button--mr-none .cmp-button {
  margin-right: 0;
}
.button--mr-sm {
  margin-right: 1.25rem;
}
.button--mr-md {
  margin-right: 2.5rem;
}
.button--mr-lg {
  margin-right: 4rem;
}
.button--inline-block {
  display: inline-block;
  vertical-align: top;
}
.button--pointing-downards .cmp-button span.cmp-button__text:after {
  right: -22px;
  top: 7px;
  transform: rotate(90deg);
}
.button--pointing-downards .cmp-button:hover span.cmp-button__text:after {
  right: -22px;
  top: 10px;
}
.button--pointing-upwards .cmp-button span.cmp-button__text:after {
  right: 0;
  top: 12px;
  transform: rotate(270deg);
}
.button--pointing-upwards .cmp-button:hover span.cmp-button__text:after {
  right: -22px;
  top: 7px;
}
@media (min-width: 596px) {
  .button--simple-small-icon-left-text-right .download-popup__modal {
    width: auto;
  }
}
.button--simple-small-icon-left-text-right
  .download-popup__modal
  .download-simple__container {
  padding: 52px 62px 54px 55px;
}
.button--simple-small-icon-left-text-right
  .download-popup__modal
  .download-simple__container
  .download-simple__image {
  height: 164px;
  margin-bottom: 0;
  margin-top: 1rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
@media (min-width: 480px) {
  .button--simple-small-icon-left-text-right
    .download-popup__modal
    .download-simple__container
    .download-simple__image {
    height: 134px;
  }
}
@media (min-width: 768px) {
  .button--simple-small-icon-left-text-right
    .download-popup__modal
    .download-simple__container
    .download-simple__image {
    height: 164px;
    width: auto;
  }
}
.button--simple-small-icon-left-text-right
  .download-popup__modal
  .download-simple__container
  .download-simple__image
  img {
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.button--simple-small-icon-left-text-right
  .download-popup__modal
  .download-simple__container
  .download-simple__text {
  padding: 1.25rem 0 0;
  text-align: center;
  width: auto;
}
@media (min-width: 596px) {
  .button--simple-small-icon-left-text-right
    .download-popup__modal
    .download-simple__container
    .download-simple__text {
    text-align: start;
  }
}
@media (min-width: 768px) {
  .button--simple-small-icon-left-text-right
    .download-popup__modal
    .download-simple__container
    .download-simple__text {
    padding: 0 0 0 1.25rem;
  }
}
.button--full-width-on-mobile {
  width: 100%;
}
@media (min-width: 480px) {
  .button--full-width-on-mobile {
    width: auto;
  }
}
.button--full-width-on-mobile .cmp-button {
  width: 100%;
}
@media (min-width: 480px) {
  .button--full-width-on-mobile .cmp-button {
    width: auto;
  }
}
.button--full-width,
.button--full-width .cmp-button {
  width: 100%;
}
@media (max-width: 767px) {
  [data-wcm-mode="DISABLED"] .button--mobile-hide {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  [data-wcm-mode="DISABLED"] .button--tablet-hide {
    display: none;
  }
}
@media (min-width: 992px) {
  [data-wcm-mode="DISABLED"] .button--desktop-hide {
    display: none;
  }
}
.button--no-min-width .cmp-button {
  min-width: 0 !important;
}
.button--no-animation .cmp-button:hover span {
  transform: none;
}
.button--no-animation .cmp-button:hover span:after {
  display: none;
}
.button--rounded .cmp-button {
  border-radius: 50px;
}
@media (max-width: 767px) {
  .button--invert-mobile.button--transparent .cmp-button {
    align-items: center;
    border-radius: 8px;
    cursor: pointer;
    display: inline-flex;
    font-family: roboto, sans-serif;
    font-size: 16px;
    font-weight: 500;
    height: -moz-fit-content;
    height: fit-content;
    justify-content: center;
    margin-right: 13px;
    margin-top: 8px;
    min-width: 140px;
    outline: none;
    padding: 10px 26px 8px 28px;
    position: relative;
    text-align: center;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .button--invert-mobile.button--transparent .cmp-button {
    font-size: 16px;
    height: -moz-fit-content;
    height: fit-content;
    min-width: auto;
    padding: 6px 20px;
  }
}
@media (max-width: 767px) {
  .button--invert-mobile.button--transparent .cmp-button span {
    color: #fff;
    display: inline-block;
    position: relative;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    will-change: transform;
  }
  .button--invert-mobile.button--transparent .cmp-button span:after {
    background: url(../../../content/dam/bitdefender/white-arrow.svg) no-repeat;
    background-size: cover;
    content: "";
    display: inline-block;
    height: 10px;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 7px;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    width: 15px;
    will-change: right, opacity;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .button--invert-mobile.button--transparent .cmp-button span:after {
    top: 6px;
  }
}
@media (max-width: 767px) {
  .button--invert-mobile.button--transparent .cmp-button:hover span {
    transform: translate3d(-11px, 0, 0);
  }
  .button--invert-mobile.button--transparent .cmp-button:hover span:after {
    opacity: 1;
    right: -22px;
  }
  .button--invert-mobile.button--transparent > .cmp-button {
    background-color: transparent;
    border: 2px solid #000;
  }
  .button--invert-mobile.button--transparent
    > .cmp-button
    > span.cmp-button__text {
    color: #000;
  }
  .button--invert-mobile.button--transparent
    > .cmp-button
    > span.cmp-button__text:after {
    background: url(../../../content/dam/bitdefender/white-arrow.svg) no-repeat;
    background-size: cover;
    content: "";
    top: 10px;
  }
  .button--invert-mobile.button--transparent > .cmp-button:hover {
    background-color: #000;
  }
  .button--invert-mobile.button--transparent
    > .cmp-button:hover
    span.cmp-button__text {
    color: #fff;
  }
}
.toggle-component--target {
  grid-template-rows: 1fr;
  opacity: 1;
}
[data-wcm-mode="DISABLED"] .toggle-component--target {
  display: grid;
}
.toggle-component--target {
  transition:
    all 0.5s ease,
    opacity 0.3s ease;
}
.toggle-component--target * {
  transition: all 0.5s ease-in-out;
}
[data-wcm-mode="DISABLED"] .toggle-component--close {
  grid-template-rows: 0fr;
  margin-bottom: 0;
  margin-top: 0;
  opacity: 0;
  overflow: hidden;
}
[data-wcm-mode="DISABLED"] .toggle-component--close * {
  border-style: none !important;
  line-height: 0 !important;
  margin-bottom: 0 !important;
  margin-top: 0 !important;
  min-height: 0 !important;
  padding-bottom: 0 !important;
  padding-top: 0 !important;
}