/* Continuous brand-colour circles, with a short burst on click or cover completion. */
.create-button{position:relative;isolation:isolate;overflow:visible!important;transition:box-shadow .25s ease!important}
.create-button::before{content:none!important}
.create-button:hover,.create-button:focus-visible{transform:none!important;box-shadow:0 12px 28px rgba(243,183,47,.32)!important}
.create-button-label,.create-button>span:not(.button-spark){position:relative;z-index:1}
.create-button .button-spark,.landing-text-link .button-spark,.cover-celebration .button-spark,.uti-button .button-spark,.login-art .button-spark{position:absolute;z-index:3;left:var(--spark-x);top:var(--spark-y);width:var(--spark-size);height:var(--spark-size);border-radius:50%;background:var(--spark-color);box-shadow:0 0 6px 1px var(--spark-color);opacity:0;pointer-events:none;animation:create-spark-pop var(--spark-time) ease-out both}
.create-button .button-spark-burst,.landing-text-link .button-spark-burst,.cover-celebration .button-spark-burst,.uti-button .button-spark-burst,.login-art .button-spark-burst{box-shadow:0 0 9px 2px var(--spark-color)}
@keyframes create-spark-pop{0%{opacity:0;transform:translate(0,0) scale(.35)}18%{opacity:.95;transform:translate(var(--spark-dx-half),var(--spark-dy-half)) scale(1)}100%{opacity:0;transform:translate(var(--spark-dx),var(--spark-dy)) scale(.3)}}
@media(prefers-reduced-motion:reduce){.uti-button .button-spark,.create-button .button-spark,.landing-text-link .button-spark,.cover-celebration .button-spark{display:none}}

.cover-celebration{position:relative}
.landing-text-link{position:relative;display:inline-block;isolation:isolate;overflow:visible}