.link-component{
  display:block;
  border-radius:var(--spacing-sm, 0.5rem);
}
.link-component.primary{
  background:var(--gradient-1, linear-gradient(94deg, var(--c-primary-purple, #5A0B70) 26.44%, var(--c-warm-red, #AC1C48) 100%));
}
.link-component.primary .link-component-outside{
  border-radius:0.25rem;
}
.link-component.primary .link-component-outside .link-component-inside{
  border-radius:0.25rem;
  display:flex;
  padding:var(--spacing-md, 1rem) var(--spacing-ml, 1.25rem);
  justify-content:flex-end;
  align-items:center;
  gap:0.3125rem;
}
.link-component.primary .link-component-outside .link-component-inside .link-component-text{
  color:var(--c-white);
  font-family:var(--f-sans);
  font-size:var(--f-size-body-sm);
  font-style:normal;
  line-height:var(--l-height-20);
  letter-spacing:var(--h-space-1);
  text-transform:uppercase;
}
.link-component.primary .link-component-outside .link-component-inside .link-component-arrow{
  width:1.125rem;
  height:1.125rem;
  aspect-ratio:1/1;
  padding:0.25rem;
  background-image:url("/themes/custom/constellationr/assets/img/icons/arrow-orange-right.svg");
  background-repeat:no-repeat;
  background-position:center center;
}
.link-component.primary:hover{
  background:linear-gradient(93deg, var(--c-warm-red, #AC1C48) -0.62%, var(--c-orange, #ED7900) 96.46%);
}
.link-component.primary:hover .link-component-outside .link-component-inside .link-component-arrow{
  background-image:url("/themes/custom/constellationr/assets/img/icons/arrow-white-right.svg");
}
.link-component.primary:focus{
  outline:unset;
  background:unset;
  border:0.1875rem solid var(--c-orange);
  border-radius:0.5rem;
  padding:0.09375rem;
}
.link-component.primary:focus .link-component-outside{
  padding:0.09375rem;
  background-color:transparent;
}
.link-component.primary:focus .link-component-outside .link-component-inside{
  padding-top:calc(var(--spacing-md, 1rem) - 0.375rem);
  padding-bottom:calc(var(--spacing-md, 1rem) - 0.375rem);
  padding-left:calc(var(--spacing-ml, 1.25rem) - 0.375rem);
  padding-right:calc(var(--spacing-ml, 1.25rem) - 0.375rem);
  background:var(--gradient-1, linear-gradient(94deg, var(--c-primary-purple, #5A0B70) 26.44%, var(--c-warm-red, #AC1C48) 100%));
}
.link-component.secondary{
  background:var(--gradient-1, linear-gradient(94deg, var(--c-primary-purple, #5A0B70) 26.44%, var(--c-warm-red, #AC1C48) 100%));
  padding:0.1875rem;
  border-radius:var(--spacing-sm, 0.5rem);
}
.link-component.secondary .link-component-outside{
  border-radius:0.3rem;
  background-color:var(--c-white);
}
.link-component.secondary .link-component-outside .link-component-inside{
  display:flex;
  padding-top:calc(var(--spacing-md, 1rem) - 0.1875rem);
  padding-bottom:calc(var(--spacing-md, 1rem) - 0.1875rem);
  padding-left:calc(var(--spacing-ml, 1.25rem) - 0.1875rem);
  padding-right:calc(var(--spacing-ml, 1.25rem) - 0.1875rem);
  justify-content:flex-end;
  align-items:center;
  gap:0.3125rem;
}
.link-component.secondary .link-component-outside .link-component-inside .link-component-text{
  color:var(--c-primary-purple);
  font-family:var(--f-sans);
  font-size:var(--f-size-body-sm);
  font-style:normal;
  line-height:var(--l-height-20);
  letter-spacing:var(--h-space-1);
  text-transform:uppercase;
}
.link-component.secondary .link-component-outside .link-component-inside .link-component-arrow{
  width:1.125rem;
  height:1.125rem;
  aspect-ratio:1/1;
  padding:0.25rem;
  background-image:url("/themes/custom/constellationr/assets/img/icons/arrow-orange-right.svg");
  background-repeat:no-repeat;
  background-position:center center;
}
.link-component.secondary:hover{
  background:var(--gradient-2, #AC1C48);
}
.link-component.secondary:hover .link-component-outside .link-component-inside .link-component-text{
  color:var(--c-warm-red);
}
.link-component.secondary:focus{
  outline:unset;
  background:unset;
  border:0.1875rem solid var(--c-orange);
  border-radius:0.5rem;
}
.link-component.secondary:focus .link-component-outside{
  padding:0.1875rem;
  background:var(--gradient-1, linear-gradient(94deg, var(--c-primary-purple, #5A0B70) 26.44%, var(--c-warm-red, #AC1C48) 100%));
  border-radius:0.3rem;
}
.link-component.secondary:focus .link-component-outside .link-component-inside{
  border-radius:0.25rem;
  background-color:var(--c-white);
  padding-top:calc(var(--spacing-md, 1rem) - 0.5625rem);
  padding-bottom:calc(var(--spacing-md, 1rem) - 0.5625rem);
  padding-left:calc(var(--spacing-ml, 1.25rem) - 0.5625rem);
  padding-right:calc(var(--spacing-ml, 1.25rem) - 0.5625rem);
}