.appbanner {
  margin: 0 auto;
  max-width: 960px;
  min-width: 300px;
  padding: 10px 4px;
  box-sizing: border-box;
  background: #f6f2e7;
  display: flex;
  justify-content: center;
  align-items: center; }
  .appbanner-close {
    flex: 0 0 24px;
    margin: 0 4px 0 0; }
    .appbanner-close a {
      display: block;
      width: 24px;
      height: 24px;
      text-decoration: none;
      background: transparent url(https://img.kidstaff.com.ua/sovet2/css/appbanner-close.svg) center/contain no-repeat;
      background-size: 16px 16px; }
  .appbanner-logo {
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 8px;
    background: transparent url(https://img.kidstaff.com.ua/sovet2/css/apple_sovet_logo.png) center/contain no-repeat; }
  .appbanner-text {
    padding-left: 10px;
    flex: 4 1 auto;
    font-size: 11px; }
    .appbanner-text-title {
      white-space: nowrap;
      font-size: 14px; }
    .appbanner-text span {
      display: block;
      line-height: 1; }
  .appbanner-link {
    text-align: center;
    flex: 1 1 auto;
    padding: 0 4px; }
    .appbanner-link a {
      color: #0d72e8;
      text-decoration: none;
      text-transform: uppercase;
      font-size: 15px; }
      .appbanner-link a:visited {
        color: #0d72e8; }
    .appbanner-link--bold a {
      font-weight: bold; }

@media (mix-width: 600px) {
  .appbanner-text {
    font-size: 12px; }
    .appbanner-text-title {
      white-space: nowrap;
      font-size: 16px; }
  .appbanner-link a {
    font-size: 20px; } }