a.b-container {
    display: flex;
    height: 90px;
      background: #fff;
      border: 1px solid #e3e3e3;
      margin: 40px auto;
      max-width: 960px;
      text-decoration: none;
}

a.b-container .b-image--product {
    height: 78px;
}
 a.b-container .b-image {
      align-self: center;
      padding: 4px;
    }
    a.b-container .b-image--product {
      width: 100%;
    }
    a.b-container .b-message {
      align-self: center;
      padding: 4px 16px;
        width: 100%;
    }
    a.b-container .b-message--headline {
      color: #00446a;
      font: 800 1.2em/1em var(--font-primary);
      text-decoration: none;
    }
    a.b-container .b-cta--icon {
      align-items: center;
      background: #1c88c7;
      display: flex;
      justify-content: center;
        padding: 0 10px;
    }
    a.b-container:hover .b-message--headline {
      color: #1c88c7;
    }
    a.b-container:hover .b-cta--icon {
      background: #005582;
    }

@supports(display: grid) {

    a.b-container {
      background: #fff;
      border: 1px solid #e3e3e3;
      display: grid;
      grid-template-columns: 90px auto 40px;
      margin: 40px auto;
      max-width: 960px;
      text-decoration: none;
        height: 90px;
    }
    @media screen and (min-width: 460px) {
      a.b-container {
        grid-template-columns: 80px auto 60px;
      }
    }
    a.b-container .b-image {
      align-self: center;
      padding: 4px;
    }
    a.b-container .b-image--product {
      width: 100%;
    }
    a.b-container .b-message {
      align-self: center;
      padding: 4px 16px;
    }
    a.b-container .b-message--headline {
      color: #00446a;
      font: 800 1.2em/1em var(--font-primary);
      text-decoration: none;
    }
    a.b-container .b-cta--icon {
      align-items: center;
      background: #1c88c7;
      display: flex;
      justify-content: center;
    }
    a.b-container:hover .b-message--headline {
      color: #1c88c7;
    }
    a.b-container:hover .b-cta--icon {
      background: #005582;
    }
}