/* 3.6.1: a clearly visible 4px spectrum perimeter, not a 1px hairline.
   The button size, white center and label stay fixed. Only the paint rotates.
   A full turn ends on the exact starting transform: no pause or replay seam. */
.landing-page .vendiac-rainbow-cta{position:relative;isolation:isolate;overflow:hidden;border:0;background:transparent;color:#08090c;box-shadow:none}
.landing-page .vendiac-rainbow-cta:hover{background:transparent;border-color:transparent;color:#08090c;box-shadow:none}
.vendiac-rainbow-cta::before{content:"";position:absolute;z-index:-2;pointer-events:none;left:50%;top:50%;width:240%;height:0;padding-bottom:240%;background:linear-gradient(90deg,#ff2457,#ff8a00,#ffcf00,#00ce83,#00baff,#5149ff,#ae24ff,#ff2457);transform:translate(-50%,-50%)}
.vendiac-rainbow-cta::after{content:"";position:absolute;z-index:-1;pointer-events:none;inset:4px;background:#fff;border-radius:3px}
@supports(background:conic-gradient(red,blue)){.vendiac-rainbow-cta::before{background:conic-gradient(from 0deg,#ff2457,#ff8a00,#ffcf00,#00ce83,#00baff,#5149ff,#ae24ff,#ff2457);animation:vendiac-rainbow-orbit 4s linear infinite}}
@keyframes vendiac-rainbow-orbit{from{transform:translate(-50%,-50%) rotate(0turn)}to{transform:translate(-50%,-50%) rotate(1turn)}}
@media(prefers-reduced-motion:reduce){.vendiac-rainbow-cta::before{animation:none!important;transform:translate(-50%,-50%)}}
@media(forced-colors:active){.landing-page .vendiac-rainbow-cta{border:2px solid ButtonText;color:ButtonText;background:ButtonFace}.vendiac-rainbow-cta::before,.vendiac-rainbow-cta::after{display:none}}
