.card-commnet{background-image:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3) 50%,rgba(0,0,0,.4));border-radius:8px;cursor:pointer;margin:1px;padding:24px;position:relative;z-index:1}.card-commnet:before{background:var(--bg-element);border-radius:8px;content:"";height:calc(100% - 2px);left:1px;position:absolute;top:1px;width:calc(100% - 2px);z-index:2}.card-commnet__content{cursor:pointer;position:relative;z-index:3}.shine-badge{overflow:hidden;position:relative;transition:all .4s cubic-bezier(.22,.61,.36,1)}.shine-badge:hover{--tw-ring-opacity:1;box-shadow:0 0 20px #5ebbff4d}.shine-badge:before{animation:shine 1.2s infinite;background:linear-gradient(90deg,transparent 0,hsla(0,0%,100%,.3) 50%,transparent);content:"";height:100%;left:-100%;opacity:0;position:absolute;top:0;transition:opacity .3s;width:50%}.shine-badge:hover:before{opacity:1}@keyframes shine{0%{transform:translate(-100%)}to{transform:translate(300%)}}