.site_footer {
  border-top: 1px solid #274261; background: #07121f;
  .wrap { margin: 0 auto; padding: 44px 40px 25px; max-width: 1500px; }
  .top { padding-bottom: 34px; display: flex; align-items: center; gap: 35px; }
  .brand { margin-right: auto; display: inline-flex; align-items: center; gap: 13px; white-space: nowrap; font-family: var(--font-en); font-size: 16px; font-weight: 600; letter-spacing: .26em; }
  .mark { width: 25px; display: grid; gap: 4px; transform: skewX(-35deg); i { width: 23px; height: 7px; background: linear-gradient(100deg, #38c5ee, #5474ff); &:last-child { margin-left: 7px; background: linear-gradient(100deg, #6377ff, #a15aff); } } }
  nav { display: flex; flex-wrap: wrap; gap: 17px; a { color: #c4d0e0; font-size: 12px; font-weight: 700; &:hover, &:focus-visible { color: #8cc7ff; } } }
  .btn_ptn_2 { padding: 10px 18px; min-width: 140px; border-radius: 50px; font-size: 12px; }
  .bottom { padding-top: 20px; display: flex; justify-content: space-between; gap: 20px; border-top: 1px solid #223854; color: #8499b4; font-size: 11px; div { display: flex; flex-wrap: wrap; gap: 20px; } a:hover { color: #dceeff; } }
  @media (max-width: 1100px) { .top { flex-wrap: wrap; } nav { order: 3; width: 100%; } }
  @media (max-width: 650px) { .wrap { padding: 38px 18px 25px; } .top { gap: 24px; } .brand { font-size: 12px; letter-spacing: .18em; } nav { display: grid; grid-template-columns: 1fr 1fr; gap: 13px; } .top .btn_ptn_2 { display: none; } .bottom { flex-direction: column-reverse; gap: 14px; } }
}