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