.creative-masonary{display:flex;gap:20px;max-height:843px;overflow:hidden;width:100%}@media screen and (max-width:900px){.creative-masonary{max-height:680px}}.creative-masonary .column{border-radius:16px;flex:1;overflow:hidden;position:relative}@media screen and (max-width:768px){.creative-masonary .column:last-of-type{display:none}}@media screen and (max-width:580px){.creative-masonary .column:nth-child(3){display:none}}.column-wrapper{animation:scrollUp 20s linear infinite;display:flex;flex-direction:column;gap:20px}.creative-masonary .column:nth-child(2n) .column-wrapper{animation:scrollDown 20s linear infinite}.creative-masonary .column img{aspect-ratio:1/1;border-radius:8px;-o-object-fit:cover;object-fit:cover;width:100%}@keyframes scrollUp{0%{transform:translateY(0)}to{transform:translateY(-50.4%)}}@keyframes scrollDown{0%{transform:translateY(-50.4%)}to{transform:translateY(0)}}.masonary-text{align-items:center;background:var(--white);border:none;border-radius:132px;box-shadow:0 0 0 10px #8f00a721,0 0 24.615px #00000059;display:flex;gap:8px;justify-content:center;left:50%;overflow:hidden;padding:15px 30px;position:absolute;text-decoration:none;top:50%;transform:translate(-50%,-50%);transition:all .3s ease}.masonary-text:before{animation:rotate 3s linear infinite;background-color:transparent;background-image:linear-gradient(transparent,#cb28e7,transparent);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%;z-index:-2}.masonary-text:after{background:#fff5ffe6;border-radius:132px;bottom:3px;content:"";left:3px;position:absolute;right:3px;top:3px;transition:all .3s ease;z-index:-1}@keyframes rotate{to{transform:rotate(1turn)}}.masonary-text:hover:after{background:#f8dffde6}.masonary-text svg{flex-shrink:0}@media screen and (max-width:690px){.masonary-text svg{height:20px;width:20px}}.masonary-text span{background:linear-gradient(180deg,#db79ff .1%,#9e75fc,#89a3fe 99.91%);background-clip:text;-webkit-background-clip:text;display:block;font-size:28px;font-style:normal;font-weight:600;line-height:36px;white-space:nowrap;-webkit-text-fill-color:transparent}@media screen and (max-width:900px){.masonary-text span{font-size:20px}}@media screen and (max-width:690px){.masonary-text span{font-size:16px;white-space:unset}}@media screen and (max-width:690px){.masonary-text span:not(.mobile-text){display:none}}.masonary-text span.mobile-text{display:none;font-size:18px;font-style:normal;font-weight:600;line-height:22px}@media screen and (max-width:690px){.masonary-text span.mobile-text{display:block;width:210px}}
