@property --cta-001-angle {
  syntax: "<angle>";
  initial-value: 90deg;
  inherits: true;
}

@property --cta-001-gradX {
  syntax: "<percentage>";
  initial-value: 50%;
  inherits: true;
}

@property --cta-001-gradY {
  syntax: "<percentage>";
  initial-value: 0%;
  inherits: true;
}

:root {
  --cta-001-d: 2500ms;
  --cta-001-angle: 90deg;
  --cta-001-gradX: 100%;
  --cta-001-gradY: 50%;
  --cta-001-c1: rgba(236, 28, 36, .6);
  --cta-001-c2: rgba(57, 84, 162, 0.1);
}

.lws-cta-001-gradient-conic-container {
  width: min(80rem, 100%);
  margin: 0px auto;
}

.lws-cta-001-gradient-conic-container .box {
  display: flex;
  /*Addedflexdisplay*/flex-direction: column;
  /*Alignitemsvertically*/justify-content: center;
  /*Centervertically*/align-items: center;
  /*Centerhorizontally*//*margin: max(0.6rem, 2vw);
  */padding: 3vw;
  /*font-size: 3vw;
  */border: 0.35rem solid;
  border-image: conic-gradient(      from var(--cta-001-angle),      var(--cta-001-c2),      var(--cta-001-c1) 0.1turn,      var(--cta-001-c1) 0.15turn,      var(--cta-001-c2) 0.25turn    )    30;
  animation: borderRotate var(--cta-001-d) linear infinite forwards;
  -webkit-animation: borderRotate var(--cta-001-d) linear infinite forwards;
}

.lws-cta-001-gradient-conic-container .box p {
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
  color: #ec1c24;
}

.lws-cta-001-gradient-conic-container .box h2 {
  margin: 0px;
  font-weight: bold;
  color: #3954a2;
}

@keyframes borderRotate {
  100% {
    --cta-001-angle: 420deg;
  }
}