.MetierCard{cursor:pointer;background-color:#1b2e8e;flex-direction:column;width:363px;height:428px;transition:all .2s ease-in-out;display:flex;position:relative}.MetierCard:hover{background-color:#e03529}.MetierCard:hover .MetierCard__body{border-color:#e03529}.MetierCard:hover .MetierCard__arrowContainer svg{right:20px}.MetierCard .Tag{position:absolute;top:20px;left:20px}.MetierCard__categoryContainer{width:100%;height:203px;position:relative}.MetierCard__image{width:100%;height:100%}.MetierCard__category{border:1px solidv #fff;background-color:#e03529;width:317px;height:33px;margin:0;position:absolute;bottom:21px;left:50%;transform:translate(-50%)skew(-20deg)}.MetierCard__category--content{color:#fff;justify-content:center;align-items:center;width:100%;height:100%;display:flex;transform:skew(20deg)}.MetierCard__body{border:1px solid #3e58db;flex-direction:column;gap:10px;height:100%;padding:20px;transition:all .2s ease-in-out;display:flex}.MetierCard__title{-webkit-line-clamp:2;text-overflow:ellipsis;color:#fff;margin:0;overflow:hidden}.MetierCard__description{-webkit-line-clamp:2;text-overflow:ellipsis;color:#fff;-webkit-box-orient:vertical;align-self:stretch;margin:0 0 auto;display:-webkit-box;overflow:hidden}.MetierCard__arrowContainer{justify-content:flex-end;width:100%;height:30px;margin-top:auto;display:flex;position:relative}.MetierCard__arrowContainer svg{transition:all .2s ease-in-out;position:absolute;bottom:-20px;right:35px}@media screen and (max-width:400px){.MetierCard{height:auto}.MetierCard__category{width:90%}}