section[data-cattype="245"]{ padding: 0; background-color: #f79300; } [data-cattype="245"] a.link-title{ color: #fff; font-size: 26px; padding: 20px 15px; display: block; } [data-cattype="245"] a.link-title span{ width: 30px; height: 30px; background-repeat: no-repeat; background-position: center center; background-image: url('../../../data/ckfinder/images/angle-right-white.svg'); display: inline-block; vertical-align: bottom; } [data-cattype="245"] a.link-title:hover{ background-color: #000; } [data-cattype="245"] a.link-title:hover span{ display: inline-block; transform: translateX(10px); } @media (max-width: 1400px) { } @media (min-width: 768px) and (max-width: 980px) { } @media (max-width: 767px) { } @media (max-width: 480px) { }