.sec_contact {
  padding-block: 48px; background: var(--brown); color: #fff;
  .wrap { display: flex; align-items: center; justify-content: space-between; gap: 48px; }
  h2 { font-family: var(--serif); font-size: 36px; font-weight: 600; line-height: 1.5em; }
  .contact_main p { margin-top: 27px; color: #f2e8d2; font-size: 15px; }
  .contact_action { display: flex; flex-direction: column; align-items: center; gap: 8px; }
  .btn_ptn_2 { display: flex; align-items: center; justify-content: space-between; gap: 28px; width: 325px; min-height: 65px; padding-inline: 28px; background: #fff; color: var(--brown); font-size: 19px; font-weight: 600; }
  .btn_ptn_2 span { font-size: 22px; font-weight: 400; }
  small { color: #f2e8d2; font-size: 12px; }
  .legal_nav {
    margin-top: 38px;
    padding-top: 20px;
    border-top: 1px solid #927c50;
    .wrap { display: flex; justify-content: flex-start; gap: 28px; }
    & a { color: #f2e8d2; font-size: 13px; text-decoration: underline; text-decoration-color: #c8a45b; text-underline-offset: 4px; }
    & a:hover { color: white; }
  }
  @media (max-width: 900px) { h2 { font-size: 29px; } .btn_ptn_2 { width: 260px; font-size: 16px; } }
  @media (max-width: 700px) {
    padding-block: 44px;
    .wrap { flex-direction: column; align-items: stretch; gap: 28px; }
    h2 { font-size: 26px; }
    .contact_main p { margin-top: 16px; font-size: 12px; line-height: 1.7em; }
    .contact_action { align-items: stretch; }
    .btn_ptn_2 { width: 100%; min-height: 58px; }
    .legal_nav { margin-top: 30px; .wrap { flex-direction: column; gap: 14px; } }
  }
}