/* Verisure.com button finish. Scoped to the test landing only. */
body.page-node-8436 :is(.ribbon_button_new[data-cta-action], [data-cta-action="modal"]).as-relief-button {
  position: relative;
  isolation: isolate;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 12px;
  width: fit-content;
  max-width: 100%;
  min-height: 66px;
  padding: 20px 34px !important;
  border: 0 !important;
  border-radius: 9999px !important;
  background: transparent !important;
  box-shadow: none !important;
  outline: none !important;
  color: #fff !important;
  font-family: inherit;
  font-size: 22px !important;
  font-weight: 500;
  line-height: 1.2;
  text-decoration: none !important;
  transform: none !important;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
body.page-node-8436 .as-relief-button::before,
body.page-node-8436 .as-relief-button::after { content: none !important; }
body.page-node-8436 .as-relief-button > :not(.as-button-shell) {
  position: relative;
  z-index: 1;
  color: #fff !important;
  padding: 0 !important;
}
body.page-node-8436 .as-relief-button > span:not(.as-button-shell) {
  font-size: inherit !important;
  line-height: inherit;
  font-weight: inherit;
  white-space: normal;
}
body.page-node-8436 .as-relief-button > i {
  font-size: 22px !important;
  margin: 0 !important;
}
body.page-node-8436 .as-relief-button > sup {
  align-self: flex-start;
  top: 0;
  margin-left: -9px;
  font-size: .65em;
}
body.page-node-8436 .as-relief-button .as-button-shell,
body.page-node-8436 .as-relief-button .as-button-shell span {
  display: block;
  position: absolute;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 9999px;
  pointer-events: none;
}
body.page-node-8436 .as-relief-button .as-button-shell {
  inset: 0;
  z-index: -1;
  background: #ab192d;
  box-shadow: -8px -8px 16px rgba(233,53,89,.4), 8px 8px 16px rgba(102,0,14,.6);
}
body.page-node-8436 .as-relief-button .as-button-inner {
  inset: 9px 8px 8px 9px;
  box-shadow: inset -1px -1px #eb2f54, inset -2px -2px 2px rgba(63,0,11,.8), -1px -1px #eb2f54, -2px -2px 2px rgba(102,0,14,.8);
}
body.page-node-8436 .as-relief-button .as-button-mask {
  inset: -1px 0 0 -1px;
  overflow: hidden;
  opacity: 0;
  transition: opacity .3s, box-shadow .3s;
}
body.page-node-8436 .as-relief-button .as-button-mask::before,
body.page-node-8436 .as-relief-button .as-button-mask::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 100%;
  height: 100%;
  background: radial-gradient(#fff var(--as-button-gradient,20%),transparent);
  animation-duration: .75s;
  animation-timing-function: linear;
  animation-fill-mode: forwards;
}
body.page-node-8436 .as-relief-button .as-button-mask::before {
  left: 0;
  translate: -50% -50%;
  transform-origin: 100% 50%;
}
body.page-node-8436 .as-relief-button .as-button-mask::after {
  right: 0;
  translate: 50% -50%;
  transform-origin: 0 50%;
}
body.page-node-8436 .as-relief-button .as-button-mask-fill {
  inset: 1px;
  z-index: 1;
  background: #ab192d;
  transition: box-shadow .3s;
}
body.page-node-8436:not([data-as-input-mode="pointer"]) .as-relief-button:focus-visible {
  outline: 2px solid white !important;
  outline-offset: 5px;
}
body.page-node-8436:not([data-as-input-mode="pointer"]) .as-relief-button:focus-visible .as-button-mask {
  opacity: 1;
  box-shadow: 0 0 6px 2px #ed002f;
  transition-delay: 0s,.47s;
}
body.page-node-8436:not([data-as-input-mode="pointer"]) .as-relief-button:focus-visible .as-button-mask::before,
body.page-node-8436:not([data-as-input-mode="pointer"]) .as-relief-button:focus-visible .as-button-mask::after { animation-name: as-button-border-sweep; }
body.page-node-8436:not([data-as-input-mode="pointer"]) .as-relief-button:focus-visible .as-button-mask-fill {
  box-shadow: inset 0 0 6px 2px #ed002f;
  transition-delay: .47s;
}
@media (hover:hover) and (pointer:fine) {
  body.page-node-8436 .as-relief-button:hover .as-button-mask {
    opacity: 1;
    box-shadow: 0 0 6px 2px #ed002f;
    transition-delay: 0s,.47s;
  }
  body.page-node-8436 .as-relief-button:hover .as-button-mask::before,
  body.page-node-8436 .as-relief-button:hover .as-button-mask::after { animation-name: as-button-border-sweep; }
  body.page-node-8436 .as-relief-button:hover .as-button-mask-fill {
    box-shadow: inset 0 0 6px 2px #ed002f;
    transition-delay: .47s;
  }
}
@keyframes as-button-border-sweep {
  0% { rotate: 0deg; scale: 1 0; --as-button-gradient: 20%; }
  70% { scale: 1; --as-button-gradient: 40%; }
  100% { rotate: 250deg; scale: 1 7; --as-button-gradient: 100%; }
}
@media (max-width:767px) {
  body.page-node-8436 .as-relief-button {
    font-size: 19px !important;
    min-height: 62px;
    padding: 20px 28px !important;
    text-align: center;
  }
}
@media (prefers-reduced-motion:reduce) {
  body.page-node-8436 .as-relief-button .as-button-mask,
  body.page-node-8436 .as-relief-button .as-button-mask-fill { transition: none !important; }
  body.page-node-8436 .as-relief-button .as-button-mask::before,
  body.page-node-8436 .as-relief-button .as-button-mask::after {
    animation: none !important;
    rotate: 250deg;
    scale: 1 7;
    --as-button-gradient: 100%;
  }
}