.cta { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 16px; background: #ffffff; -webkit-box-shadow: 0px 2px 11px rgba(0, 0, 0, 0.07); box-shadow: 0px 2px 11px rgba(0, 0, 0, 0.07); border-radius: 8px; /*margin: 15px;*/ -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; /*flex-wrap: wrap;*/ max-width: 550px; } @media (max-width: 768px) { .cta { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .cta .cta__img { min-width: 180px; height: 200px; width: 180px; border-radius: 3px; overflow: hidden; } @media (max-width: 768px) { .cta .cta__img { margin: 0 auto; height: 220px; } } @media (max-width: 576px) { .cta .cta__img { width: 100%; } } .cta .cta__img img { max-width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } @media (max-width: 768px) { .cta .cta__img img { margin: 0 auto; } } @media (max-width: 576px) { .cta .cta__img img { width: 100%; } } .cta .cta__details { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-left: 16px; } @media (max-width: 576px) { .cta .cta__details { margin: 0; } } .cta .cta__details .cta__title { font-weight: bold; font-size: 24px; line-height: 24px; color: black; font-weight: bold; margin: 0; } .cta .cta__details .cta__desc { font-weight: 300; font-size: 20px; line-height: 20px; color: black; line-height: 20px; } @media (max-width: 768px) { .cta .cta__details .cta__desc { margin: 10px 0; } } .cta .cta__buttons { display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 768px) { .cta .cta__buttons { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .cta .cta__buttons a:not(:last-child) button { margin-right: 16px; } @media (max-width: 768px) { .cta .cta__buttons a:not(:last-child) button { margin-right: 0; } } .cta .cta__buttons button { height: auto; width: auto; -webkit-transition: all 0.3s; transition: all 0.3s; margin: 0; } @media (max-width: 768px) { .cta .cta__buttons button { margin: 6px 0; width: 100%; } } .cta .cta__buttons button:hover { -webkit-transform: scale(1.02); transform: scale(1.02); } .cta .cta__buttons .base_btn_grey { color: #022a55; font-weight: normal; background: -webkit-gradient( linear, left top, left bottom, from(#f4f6f8), to(#e7eaef) ); background: linear-gradient(180deg, #f4f6f8 0%, #e7eaef 100%); } .cta .cta__buttons .base_btn_orange { background: #f86822; } /*# sourceMappingURL=cta.css.map */