.box{background:linear-gradient(#4838d1, #4838d1, #4838d1, #8374fe, #4838d1, #4838d1, #4838d1) padding-box, linear-gradient(var(--angle), #4838d1, #4838d1, #4838d1, #8374fe, #4838d1, #4838d1, #4838d1) border-box;border:3.2px solid #0000;border-radius:100px;justify-content:center;align-items:center;animation:4s linear infinite alternate rotate;display:flex}.box1{background:linear-gradient(#4838d1, #4838d1, #4838d1, #8374fe, #4838d1, #4838d1, #4838d1) padding-box, linear-gradient(var(--angle), #4838d1, #4838d1, #4838d1, #8374fe, #4838d1, #4838d1, #4838d1) border-box;border:3.2px solid #0000;border-radius:24px;justify-content:center;align-items:center;animation:3s linear infinite alternate rotate}.box2{background:linear-gradient(#4838d1, #4838d1, #4838d1, #8374fe, #4838d1, #4838d1, #4838d1) padding-box, linear-gradient(var(--angle), #4838d1, #4838d1, #4838d1, #8374fe, #4838d1, #4838d1, #4838d1) border-box;border:3.2px solid #0000;border-radius:100px;justify-content:center;align-items:center;animation:3s linear infinite alternate rotate}@keyframes rotate{to{--angle:360deg}}@property --angle{syntax:"<angle>";inherits:false;initial-value:0deg}.floating-wrapper{margin-top:30px;animation:3s ease-in-out infinite floatUpDown}.gradient-border{display:inline-block}.gradient-border img{object-fit:cover;border-top-right-radius:28px;border-bottom-left-radius:28px;width:300px;height:450px;display:block}@keyframes floatUpDown{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.blinking-dot{color:#fff;animation:1s infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:.2}}