.card{width:100%;max-width:340px;background-color:var(--background-two);border-radius:12px;padding:1.5rem 1rem;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;box-shadow:var(--box-shadow);margin:0;position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-three),var(--text-color));transform:scaleX(0);transform-origin:left;transition:transform .4s ease}.card:hover{transform:translateY(-8px);box-shadow:0 12px 24px #00000026}.card:hover:before{transform:scaleX(1)}.card h4{font-size:1.8em;font-family:var(--heading-font);color:var(--text-color);margin:0 0 1rem;text-align:center;transition:color .3s ease}.card h4 i{color:var(--color-three);transition:transform .3s ease}.card:hover h4 i{transform:scale(1.1)}.card p{margin:0 0 1.5rem;flex:1 1 auto;text-align:center;font-size:1rem;opacity:.9}.card .resource-preview{font-family:Courier New,monospace;padding:.5rem;border-radius:4px;font-size:.9rem;margin:.5rem 0 1rem;opacity:.8}.card .button-simple,.card span.button-simple{margin-top:auto;align-self:center;transition:all .3s ease}.card:hover .button-simple{transform:translateY(-2px)}.coming-soon{opacity:.7;position:relative}.coming-soon:after{content:"In arrivo";position:absolute;top:10px;right:15px;background-color:gold;color:#000;padding:5px 10px;border-radius:8px;font-size:1em;font-weight:700;border:2px solid black;text-transform:uppercase}.coming-soon .button-simple{cursor:default;background-color:#ccc;color:#000}@media (max-width: 480px){.card{border-radius:10px;padding:1.25rem .8rem}}