div.pfp-actions{display:flex;gap:16px}div.pfp-actions .action{flex:1 1;background-size:cover;background-position:center;border-radius:50px 10px 10px 10px;overflow:hidden;transition:all .3s}div.pfp-actions .action:hover{flex:1.6 1}div.pfp-actions .action:hover .content{max-height:400px;transition:all .8s;opacity:1;padding-top:16px;transform:translateY(0px)}div.pfp-actions .action:hover .bg-action{background:linear-gradient(180deg, rgba(56, 14, 32, 0) 0%, rgba(103, 28, 61, 0.95) 98.69%)}div.pfp-actions .bg-action{height:420px;display:flex;flex-direction:column;justify-content:flex-end;padding:24px 16px;transition:all .3s;background:linear-gradient(180deg, rgba(0, 0, 0, 0) 43.93%, rgba(0, 0, 0, 0.7) 81.79%)}div.pfp-actions .content{opacity:0;max-height:0;align-items:end;display:flex;gap:16px;padding-top:0px;transform:translateY(300px);transition:all .3s}div.pfp-actions .content p{color:#fff;font-size:14px;font-family:"Montserrat",Sans-serif;line-height:19px}div.pfp-actions .content .more{flex:0 0 50px;width:50px;height:50px;border-radius:50px;background:url(../fonts/arrow.svg) #e52645 no-repeat center}div.pfp-actions p{margin:0}div.pfp-actions .title{font-weight:700;color:#fff;font-size:18px;line-height:22px;text-transform:uppercase;font-family:"Montserrat",Sans-serif}@media screen and (max-width: 1024px){div.pfp-actions{flex-wrap:wrap}div.pfp-actions .action{flex:1 1 100%;margin-bottom:16px;transition:all .3s}div.pfp-actions .action .bg{height:300px}div.pfp-actions .action:hover .bg{height:450px}}