@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap");.chakra-container{margin:20px}.chakra-step__title{font-size:22px!important;font-weight:900!important}.card{position:relative;width:190px;height:150px;background-color:#000;display:flex;flex-direction:column;justify-content:end;padding:12px;gap:12px;border-radius:8px;cursor:pointer;color:#fff}.card:before{left:-5px;margin:auto;width:200px;height:160px;border-radius:10px;background:linear-gradient(-45deg,#e81cff,#40c9ff);z-index:-10;pointer-events:none;transition:all .6s cubic-bezier(.175,.885,.32,1.275)}.card:after,.card:before{content:"";position:absolute;inset:0}.card:after{z-index:-1;background:linear-gradient(-45deg,#fc00ff,#00dbde);transform:translateZ(0) scale(.95);filter:blur(20px)}.heading{font-size:20px;text-transform:capitalize;font-weight:700}.card p:not(.heading){font-size:14px}.card p:last-child{color:#e81cff;font-weight:600}.card:hover:after{filter:blur(30px)}.card:hover:before{transform:rotate(-90deg) scaleX(1.34) scaleY(.77)}