.card{cursor:pointer;z-index:2;background:#f5f4f4;border-radius:1px;flex-direction:column;justify-content:space-between;width:386px;min-height:230px;padding:30px;transition:all .3s;display:flex;position:relative;overflow:hidden}.card:after{content:"";pointer-events:none;z-index:-1;background-image:url(/images/governance/c-b.svg);width:249px;height:230px;transition:all .3s;position:absolute;top:0;right:0}.card:before{content:"";opacity:0;pointer-events:none;background-color:#ff6200;width:0%;height:5px;transition:width .5s,opacity .4s ease-in-out;display:block;position:absolute;bottom:0;left:0}.card:hover{background:#ffe1d1}.card:hover:after{background-image:url(/images/governance/c-o.svg)}.card:hover:before{opacity:1;width:100%}.card:hover .bottom-detail .download{background:#ff6200}.card:hover .bottom-detail .download i{color:#000}.card .title-card{color:#000;font-size:24px;font-weight:300;line-height:30px}.card .bottom-detail{justify-content:space-between;align-items:center;margin-top:auto;display:flex}.card .bottom-detail .date{color:#fa578b;font-size:16px;line-height:20px}.card .bottom-detail .download{background:#000;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;transition:all .3s;display:flex;position:relative}.card .bottom-detail .download i{color:#fff;letter-spacing:0;font-size:21px;line-height:1}@media (max-width:767px){.card{width:270px;min-height:212px;padding:15px}.card:after{background-position:top;background-size:contain;top:-4px;right:0;transform:scale(.96)}.card .title-card{color:#000;font-size:22px;line-height:27.5px}.card .bottom-detail .download{width:40px;height:40px}}