.cc__container.ll__offer_boxes { width: 100%; margin-top: -8rem } .cc_offer_section { margin: 0 auto; display: flex; overflow: auto; z-index: 9; } .ll__offer_boxes .cc_offer_box { position: relative; background: #fff; margin: 1rem .25rem; border: 1px solid #ccc; border-radius: .25rem; padding: 1rem 0 3rem 0; flex-direction: column; align-items: center; flex: 1; flex-grow: 1; flex-shrink: 1; min-width: 23rem; max-width: 50%; cursor: pointer; overflow: hidden; transition: border-bottom .2s ease-in-out } .ll__offer_boxes .offer_icon { width: 3rem; height: 3.0625rem; margin: .5rem auto } .ll__offer_boxes .offer_icon img { width: 100%; height: 100% } .ll__offer_boxes .normal_icon { display: block; margin: 0 auto } .ll__offer_boxes .hover_icon { display: none; margin: 0 auto } .offer_summary { margin: .25rem; line-height: 1; font-size: 1.25rem; font-weight: bold; text-align: center; margin-top: 1.125rem } .offer_description { margin: .25rem; padding: 0 .25rem; line-height: 1; font: normal normal normal 1rem/1.25rem Lato; color: #555; text-align: center; box-sizing: border-box; overflow: hidden; width: 90%; margin: 0 auto } .offer_link { position: absolute; bottom: 0; border-bottom: .3125rem solid transparent; padding-bottom: 1.25rem; width: 100%; text-align: center; transition: border-bottom .2s ease-in-out } .offer_link a { font-weight: 600; color: #294e95; text-decoration: none; transition: text-decoration .2s ease-in-out } .cc_offer_box:hover .offer_link { border-bottom: 5px solid #294e95  !important } .cc_offer_box:hover .offer_link a { text-decoration: underline } .cc_offer_box:hover .normal_icon { display: none } .cc_offer_box:hover .hover_icon { display: block }