.recommandation .container{max-width:1031px;margin:0 auto}
.recommandation-wrap{border:5px solid transparent;display:flex;align-items:center;justify-content:space-between;border-image-source:linear-gradient(287deg,#0065a9 -17.66%,#0065a9 19.03%,#54a751 114.64%);border-image-slice:1;margin:0 auto;padding:32px 42px;margin-bottom:38px}
.recommandation-title{margin:0;font-family:'MetLife Circular';font-size:30px;font-weight:400;text-transform:capitalize;line-height:40px}
.btn-wrap{background-color:#007abc;border-radius:2px}
.rightArrow{margin-left:8px}
.view-btn{display:inline-block;font-family:'Noto Sans','Arial','Helvetica','sans-serif';max-width:350px;width:max-content;outline:0;border:0;background:#007abc;padding:12px 20px;font-size:14px;line-height:24px;font-weight:600;text-transform:uppercase;color:#fff;text-decoration:none}
.view-btn .rightArrow{width:auto}
.btn-wrap a:hover{text-decoration:none;background-color:#0061a0;color:#fff;outline-color:#0061a0;outline-offset:-2px;outline-style:solid;outline-width:2px;box-shadow:0 0 3px #333,0 0 7px #333}
@media only screen and (max-width:575px){.recommandation-wrap{padding:12px;flex-direction:column;align-items:start}
.recommandation-title{font-size:18px;font-weight:400;line-height:30px;text-transform:capitalize;margin-bottom:12px}
.btn-wrap{border-radius:6px;overflow:hidden}
.view-btn{padding:12px 8px 12px 16px;text-transform:capitalize;letter-spacing:1px;font-weight:600;font-size:16px}
}