.card{position:relative;width:300px;height:200px;background:linear-gradient(-45deg,#7cf345,#15830b);border-radius:10px;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:all .6s cubic-bezier(.23,1,.32,1)}.card svg{width:48px;fill:#333;transition:all .6s cubic-bezier(.23,1,.32,1)}.card:hover{transform:rotate(-5deg) scale(1.1);box-shadow:0 10px 20px #0003}.card__content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-45deg);width:100%;height:100%;padding:20px;box-sizing:border-box;background-color:#fff;opacity:0;transition:all .6s cubic-bezier(.23,1,.32,1)}.card:hover .card__content{transform:translate(-50%,-50%) rotate(0);opacity:1}.card__title{margin:0;font-size:24px;color:#333;font-weight:700}.card__description{margin:10px 0 0;font-size:14px;color:#777;line-height:1.4}.card:hover svg{scale:0;transform:rotate(-45deg)}.bottoneDelPirla{border:2px solid #2c2c2c;background-color:#054905;color:#fff;font-size:1.2rem;cursor:pointer;border-radius:30px;transition:all .4s ease;outline:none;position:relative;overflow:hidden;font-weight:700}