.clp-banner-violator > a { color: inherit; text-decoration: none; }
.clp-banner-violator .cta { transition: all 0.3s ease; }
.clp-banner-violator .cta:hover { background: #ED1C24 !important; transition: all 0.3s ease; }

@media (min-width: 1440px) {
  .clp-banner-violator .banner-container { width: 1128px; background: #FFFFFF; border-top: 4px solid #ED1C24; display: flex; padding: 20px 24px 24px 24px; box-sizing: border-box; }
  .clp-banner-violator .text-container { display: flex; }
  .clp-banner-violator .icon { display: block; width: 24px; height: 24px; margin: 12px 16px 0px 8px; }
  .clp-banner-violator .header { font: bold 20px Roboto, Arial, sans-serif; line-height: 48px; letter-spacing: 2px; text-transform: uppercase; margin: 0px; }
  .clp-banner-violator .cta { width: 284px; height: 48px; background: #000000; color: #FFFFFF; font: bold 14px Roboto, Arial, sans-serif; letter-spacing: 2px; line-height: 48px; text-align: center; text-transform: uppercase; margin-left: auto; }
}

@media (min-width: 1200px) and (max-width: 1439px) {
  .clp-banner-violator .banner-container { width: 832px; margin: auto; background: #FFFFFF; border-top: 4px solid #ED1C24; display: flex; padding: 20px 24px 24px 24px; box-sizing: border-box; }
  .clp-banner-violator .text-container { display: flex; }
  .clp-banner-violator .icon { display: block; width: 24px; height: 24px; margin: 12px 16px 0px 8px; }
  .clp-banner-violator .header { font: bold 20px Roboto, Arial, sans-serif; line-height: 48px; letter-spacing: 2px; text-transform: uppercase; margin: 0px; }
  .clp-banner-violator .cta { width: 284px; height: 48px; background: #000000; color: #FFFFFF; font: bold 14px Roboto, Arial, sans-serif; letter-spacing: 2px; line-height: 48px; text-align: center; text-transform: uppercase; margin-left: auto; }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .clp-banner-violator { width: 100%; max-width: 832px; margin: auto; }
  .clp-banner-violator .banner-container { width: 100%; max-width: 832px; background: #FFFFFF; border-top: 4px solid #ED1C24; display: flex; padding: 20px 24px 24px 24px; box-sizing: border-box; }
  .clp-banner-violator .text-container { display: flex; }
  .clp-banner-violator .icon { display: block; width: 24px; height: 24px; margin: 12px 16px 0px 8px; }
  .clp-banner-violator .header { font: bold 20px Roboto, Arial, sans-serif; line-height: 48px; letter-spacing: 2px; text-transform: uppercase; margin: 0px; }
  .clp-banner-violator .cta { width: 284px; height: 48px; background: #000000; color: #FFFFFF; font: bold 14px Roboto, Arial, sans-serif; letter-spacing: 2px; line-height: 48px; text-align: center; text-transform: uppercase; margin-left: auto; }
}

@media (max-width: 767px) {
  .clp-banner-violator { width: 100%; min-width: 280px; max-width: calc(100% - 40px); margin: auto; }
  .clp-banner-violator .banner-container { width: 100%; background: #FFFFFF; border-top: 4px solid #ED1C24; display: flex; flex-direction: column; padding: 16px 20px 20px 20px; box-sizing: border-box; }
  .clp-banner-violator .text-container { display: flex; flex-direction: column; }
  .clp-banner-violator .icon { display: block; width: 24px; height: 24px; margin: 0px auto 16px auto; }
  .clp-banner-violator .header { font: bold 20px Roboto, Arial, sans-serif; line-height: 24px; letter-spacing: 2px; text-align: center; text-transform: uppercase; margin: 0px auto 16px auto; }
  .clp-banner-violator .cta { width: 100%; max-width: 280px; height: 48px; background: #000000; color: #FFFFFF; font: bold 14px Roboto, Arial, sans-serif; letter-spacing: 2px; line-height: 48px; text-align: center; text-transform: uppercase; margin: 0px auto; }
}