.card-container{padding:45px;display:flex;flex-direction:column;border-radius:30px;background-color:rgba(0,0,0,.5);opacity:.99;box-shadow:6px 0 6px 0 rgba(0,0,0,.35),0 6px 6px 0 rgba(0,0,0,.35),-6px 0 6px 0 rgba(0,0,0,.35);transition:.1s;width:400px;flex-shrink:1;flex-grow:0;position:relative}@media (max-width:650px){.card-container{width:100%}}.card-container:hover{border:3px solid #c4c4c4;background:rgba(31,31,31,.2);box-shadow:6px 0 6px 0 rgba(0,0,0,.35),0 6px 6px 0 rgba(0,0,0,.35),-6px 0 6px 0 rgba(0,0,0,.35)}.class-title{font-size:30px;font-style:normal;font-weight:900;line-height:50px;letter-spacing:5px;color:#fff}.ribbon{font-size:28px;font-weight:700;color:#fff;--f:.5em;position:absolute;top:0;right:0;line-height:1.8;padding-inline:1lh;padding-bottom:var(--f);-o-border-image:conic-gradient(#0008 0 0) 51%/var(--f);border-image:conic-gradient(#0008 0 0) 51%/var(--f);clip-path:polygon(100% calc(100% - var(--f)),100% 100%,calc(100% - var(--f)) calc(100% - var(--f)),var(--f) calc(100% - var(--f)),0 100%,0 calc(100% - var(--f)),999px calc(100% - var(--f) - 999px),calc(100% - 999px) calc(100% - var(--f) - 999px));transform:translate(calc((1 - cos(45deg))*100%),-100%) rotate(45deg);transform-origin:0 100%;--tw-bg-opacity:1;background-color:hsl(var(--nextui-primary)/var(--nextui-primary-opacity,var(--tw-bg-opacity)))}