*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
}

body {
  font-synthesis: none;
  overflow-x: hidden;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.container {
  width: 100%;
  margin-inline: auto;
  padding-inline: 1.5rem;
}
@media (min-width: 64rem) {
  .container {
    max-width: 1440px;
    padding-inline: 2rem;
  }
}

a {
  color: inherit;
  text-decoration: none;
}

.stack > * {
  margin-bottom: 12vh;
}
@media (min-width: 120rem) {
  .stack > * {
    margin-bottom: 16vh;
  }
}

.m-0 {
  margin: 0;
}

.mt-0 {
  margin-top: 0;
}

.me-0 {
  margin-right: 0;
}

.mb-0 {
  margin-bottom: 0;
}

.ms-0 {
  margin-left: 0;
}

.mx-0 {
  margin-inline: 0;
}

.my-0 {
  margin-block: 0;
}

.m-4 {
  margin: 0.25rem;
}

.mt-4 {
  margin-top: 0.25rem;
}

.me-4 {
  margin-right: 0.25rem;
}

.mb-4 {
  margin-bottom: 0.25rem;
}

.ms-4 {
  margin-left: 0.25rem;
}

.mx-4 {
  margin-inline: 0.25rem;
}

.my-4 {
  margin-block: 0.25rem;
}

.m-8 {
  margin: 0.5rem;
}

.mt-8 {
  margin-top: 0.5rem;
}

.me-8 {
  margin-right: 0.5rem;
}

.mb-8 {
  margin-bottom: 0.5rem;
}

.ms-8 {
  margin-left: 0.5rem;
}

.mx-8 {
  margin-inline: 0.5rem;
}

.my-8 {
  margin-block: 0.5rem;
}

.m-12 {
  margin: 0.75rem;
}

.mt-12 {
  margin-top: 0.75rem;
}

.me-12 {
  margin-right: 0.75rem;
}

.mb-12 {
  margin-bottom: 0.75rem;
}

.ms-12 {
  margin-left: 0.75rem;
}

.mx-12 {
  margin-inline: 0.75rem;
}

.my-12 {
  margin-block: 0.75rem;
}

.m-16 {
  margin: 1rem;
}

.mt-16 {
  margin-top: 1rem;
}

.me-16 {
  margin-right: 1rem;
}

.mb-16 {
  margin-bottom: 1rem;
}

.ms-16 {
  margin-left: 1rem;
}

.mx-16 {
  margin-inline: 1rem;
}

.my-16 {
  margin-block: 1rem;
}

.m-24 {
  margin: 1.5rem;
}

.mt-24 {
  margin-top: 1.5rem;
}

.me-24 {
  margin-right: 1.5rem;
}

.mb-24 {
  margin-bottom: 1.5rem;
}

.ms-24 {
  margin-left: 1.5rem;
}

.mx-24 {
  margin-inline: 1.5rem;
}

.my-24 {
  margin-block: 1.5rem;
}

.m-32 {
  margin: 2rem;
}

.mt-32 {
  margin-top: 2rem;
}

.me-32 {
  margin-right: 2rem;
}

.mb-32 {
  margin-bottom: 2rem;
}

.ms-32 {
  margin-left: 2rem;
}

.mx-32 {
  margin-inline: 2rem;
}

.my-32 {
  margin-block: 2rem;
}

.m-48 {
  margin: 3rem;
}

.mt-48 {
  margin-top: 3rem;
}

.me-48 {
  margin-right: 3rem;
}

.mb-48 {
  margin-bottom: 3rem;
}

.ms-48 {
  margin-left: 3rem;
}

.mx-48 {
  margin-inline: 3rem;
}

.my-48 {
  margin-block: 3rem;
}

.m-64 {
  margin: 4rem;
}

.mt-64 {
  margin-top: 4rem;
}

.me-64 {
  margin-right: 4rem;
}

.mb-64 {
  margin-bottom: 4rem;
}

.ms-64 {
  margin-left: 4rem;
}

.mx-64 {
  margin-inline: 4rem;
}

.my-64 {
  margin-block: 4rem;
}

.m-96 {
  margin: 6rem;
}

.mt-96 {
  margin-top: 6rem;
}

.me-96 {
  margin-right: 6rem;
}

.mb-96 {
  margin-bottom: 6rem;
}

.ms-96 {
  margin-left: 6rem;
}

.mx-96 {
  margin-inline: 6rem;
}

.my-96 {
  margin-block: 6rem;
}

.m-120 {
  margin: 12vh;
}

.mt-120 {
  margin-top: 12vh;
}

.me-120 {
  margin-right: 12vh;
}

.mb-120 {
  margin-bottom: 12vh;
}

.ms-120 {
  margin-left: 12vh;
}

.mx-120 {
  margin-inline: 12vh;
}

.my-120 {
  margin-block: 12vh;
}

.m-160 {
  margin: 16vh;
}

.mt-160 {
  margin-top: 16vh;
}

.me-160 {
  margin-right: 16vh;
}

.mb-160 {
  margin-bottom: 16vh;
}

.ms-160 {
  margin-left: 16vh;
}

.mx-160 {
  margin-inline: 16vh;
}

.my-160 {
  margin-block: 16vh;
}

.m-240 {
  margin: 24vh;
}

.mt-240 {
  margin-top: 24vh;
}

.me-240 {
  margin-right: 24vh;
}

.mb-240 {
  margin-bottom: 24vh;
}

.ms-240 {
  margin-left: 24vh;
}

.mx-240 {
  margin-inline: 24vh;
}

.my-240 {
  margin-block: 24vh;
}

.p-0 {
  padding: 0;
}

.pt-0 {
  padding-top: 0;
}

.pe-0 {
  padding-right: 0;
}

.pb-0 {
  padding-bottom: 0;
}

.ps-0 {
  padding-left: 0;
}

.px-0 {
  padding-inline: 0;
}

.py-0 {
  padding-block: 0;
}

.p-4 {
  padding: 0.25rem;
}

.pt-4 {
  padding-top: 0.25rem;
}

.pe-4 {
  padding-right: 0.25rem;
}

.pb-4 {
  padding-bottom: 0.25rem;
}

.ps-4 {
  padding-left: 0.25rem;
}

.px-4 {
  padding-inline: 0.25rem;
}

.py-4 {
  padding-block: 0.25rem;
}

.p-8 {
  padding: 0.5rem;
}

.pt-8 {
  padding-top: 0.5rem;
}

.pe-8 {
  padding-right: 0.5rem;
}

.pb-8 {
  padding-bottom: 0.5rem;
}

.ps-8 {
  padding-left: 0.5rem;
}

.px-8 {
  padding-inline: 0.5rem;
}

.py-8 {
  padding-block: 0.5rem;
}

.p-12 {
  padding: 0.75rem;
}

.pt-12 {
  padding-top: 0.75rem;
}

.pe-12 {
  padding-right: 0.75rem;
}

.pb-12 {
  padding-bottom: 0.75rem;
}

.ps-12 {
  padding-left: 0.75rem;
}

.px-12 {
  padding-inline: 0.75rem;
}

.py-12 {
  padding-block: 0.75rem;
}

.p-16 {
  padding: 1rem;
}

.pt-16 {
  padding-top: 1rem;
}

.pe-16 {
  padding-right: 1rem;
}

.pb-16 {
  padding-bottom: 1rem;
}

.ps-16 {
  padding-left: 1rem;
}

.px-16 {
  padding-inline: 1rem;
}

.py-16 {
  padding-block: 1rem;
}

.p-24 {
  padding: 1.5rem;
}

.pt-24 {
  padding-top: 1.5rem;
}

.pe-24 {
  padding-right: 1.5rem;
}

.pb-24 {
  padding-bottom: 1.5rem;
}

.ps-24 {
  padding-left: 1.5rem;
}

.px-24 {
  padding-inline: 1.5rem;
}

.py-24 {
  padding-block: 1.5rem;
}

.p-32 {
  padding: 2rem;
}

.pt-32 {
  padding-top: 2rem;
}

.pe-32 {
  padding-right: 2rem;
}

.pb-32 {
  padding-bottom: 2rem;
}

.ps-32 {
  padding-left: 2rem;
}

.px-32 {
  padding-inline: 2rem;
}

.py-32 {
  padding-block: 2rem;
}

.p-48 {
  padding: 3rem;
}

.pt-48 {
  padding-top: 3rem;
}

.pe-48 {
  padding-right: 3rem;
}

.pb-48 {
  padding-bottom: 3rem;
}

.ps-48 {
  padding-left: 3rem;
}

.px-48 {
  padding-inline: 3rem;
}

.py-48 {
  padding-block: 3rem;
}

.p-64 {
  padding: 4rem;
}

.pt-64 {
  padding-top: 4rem;
}

.pe-64 {
  padding-right: 4rem;
}

.pb-64 {
  padding-bottom: 4rem;
}

.ps-64 {
  padding-left: 4rem;
}

.px-64 {
  padding-inline: 4rem;
}

.py-64 {
  padding-block: 4rem;
}

.p-96 {
  padding: 6rem;
}

.pt-96 {
  padding-top: 6rem;
}

.pe-96 {
  padding-right: 6rem;
}

.pb-96 {
  padding-bottom: 6rem;
}

.ps-96 {
  padding-left: 6rem;
}

.px-96 {
  padding-inline: 6rem;
}

.py-96 {
  padding-block: 6rem;
}

.p-120 {
  padding: 12vh;
}

.pt-120 {
  padding-top: 12vh;
}

.pe-120 {
  padding-right: 12vh;
}

.pb-120 {
  padding-bottom: 12vh;
}

.ps-120 {
  padding-left: 12vh;
}

.px-120 {
  padding-inline: 12vh;
}

.py-120 {
  padding-block: 12vh;
}

.p-160 {
  padding: 16vh;
}

.pt-160 {
  padding-top: 16vh;
}

.pe-160 {
  padding-right: 16vh;
}

.pb-160 {
  padding-bottom: 16vh;
}

.ps-160 {
  padding-left: 16vh;
}

.px-160 {
  padding-inline: 16vh;
}

.py-160 {
  padding-block: 16vh;
}

.p-240 {
  padding: 24vh;
}

.pt-240 {
  padding-top: 24vh;
}

.pe-240 {
  padding-right: 24vh;
}

.pb-240 {
  padding-bottom: 24vh;
}

.ps-240 {
  padding-left: 24vh;
}

.px-240 {
  padding-inline: 24vh;
}

.py-240 {
  padding-block: 24vh;
}

.color-black-0 {
  color: #f5f5f5;
}

.color-black-50 {
  color: #e7e7e7;
}

.color-black-100 {
  color: #b4b4b4;
}

.color-black-200 {
  color: #8f8f8f;
}

.color-black-300 {
  color: #5c5c5c;
}

.color-black-400 {
  color: #3d3d3d;
}

.color-black-500 {
  color: #0c0c0c;
}

.color-black-600 {
  color: #0b0b0b;
}

.color-black-700 {
  color: #090909;
}

.color-black-800 {
  color: #070707;
}

.color-orange-0 {
  color: #ffeee6;
}

.color-orange-50 {
  color: #ffe6d9;
}

.color-orange-100 {
  color: #ffcab0;
}

.color-orange-200 {
  color: #ff5500;
}

.color-orange-300 {
  color: #e64d00;
}

.color-orange-400 {
  color: #cc4400;
}

.color-orange-500 {
  color: #bf4000;
}

.color-orange-600 {
  color: #993300;
}

.color-orange-700 {
  color: #732600;
}

.color-orange-800 {
  color: #591e00;
}

.color-white {
  color: #ffffff;
}

:root {
  --h1: clamp(3rem, calc(2rem + 2vw), 4.5rem);
  --h2: clamp(2.5rem, calc(1.5rem + 1.5vw), 3.75rem);
  --h3: clamp(2rem, calc(1.3rem + 1.2vw), 3rem);
  --h4: clamp(1.5rem, calc(1rem + 1vw), 2.25rem);
  --h5: clamp(1.25rem, calc(0.9rem + 0.8vw), 1.875rem);
  --h6: clamp(1rem, calc(0.8rem + 0.5vw), 1.5rem);
}

html {
  font-family: "Urbanist", system-ui, -apple-system, BlinkMacSystemFont,
    "Segoe UI", sans-serif;
  color: #070707;
}

body {
  font-family: inherit;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Urbanist", system-ui, -apple-system, BlinkMacSystemFont,
    "Segoe UI", sans-serif;
  font-weight: 500;
  color: #070707;
}

h1,
.h1 {
  margin-top: 0;
  margin-bottom: 3rem;
  font-size: var(--h1);
  line-height: 1.1;
  letter-spacing: -0.02em;
}

h2,
.h2 {
  margin-top: 0;
  margin-bottom: 3rem;
  font-size: var(--h2);
  line-height: 1.35;
  letter-spacing: -0.02em;
}

h3,
.h3 {
  margin-top: 0;
  margin-bottom: 1.5rem;
  font-size: var(--h3);
  line-height: 1.2;
  letter-spacing: -0.02em;
}

h4,
.h4 {
  margin-top: 0;
  margin-bottom: 1.5rem;
  font-size: var(--h4);
  line-height: 1.25;
  letter-spacing: -0.02em;
}

h5,
.h5 {
  margin-top: 0;
  margin-bottom: 1rem;
  font-size: var(--h5);
  line-height: 1.33;
  letter-spacing: 0;
}

h6,
.h6 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: var(--h6);
  line-height: 1.35;
  letter-spacing: 0;
}

.app-shell {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}
.app-shell .app-content {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.navbar {
  border-bottom: 0.0625rem solid #e7e7e7;
  margin-bottom: 2rem;
}
.navbar nav {
  padding: 1rem 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 1rem;
  position: relative;
  z-index: 60;
}
@media (min-width: 48rem) {
  .navbar nav {
    flex-wrap: nowrap;
    gap: 0;
  }
}
.navbar nav .nav-bar {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (min-width: 48rem) {
  .navbar nav .nav-bar {
    width: auto;
    flex: 1 1 auto;
  }
}
.navbar nav .nav-wrapper {
  display: flex;
  gap: 1rem;
  align-items: center;
}
@media (min-width: 48rem) {
  .navbar nav .nav-wrapper {
    gap: 3rem;
  }
}
.navbar nav .nav-wrapper .logo {
  display: inline-flex;
  align-items: center;
}
@supports selector(:focus-visible) {
  .navbar nav .nav-wrapper .logo:focus-visible {
    outline: 0.125rem solid #ff5500;
    outline-offset: 0.125rem;
  }
  .navbar nav .nav-wrapper .logo:focus:not(:focus-visible) {
    outline: none;
    outline-offset: 0;
  }
}
@supports not selector(:focus-visible) {
  .navbar nav .nav-wrapper .logo:focus {
    outline: 0.125rem solid #ff5500;
    outline-offset: 0.125rem;
  }
}
.navbar nav .nav-wrapper .logo--desktop {
  display: none;
}
@media (min-width: 48rem) {
  .navbar nav .nav-wrapper .logo--desktop {
    display: inline-flex;
  }
}
.navbar nav .nav-wrapper .logo--mobile {
  display: inline-flex;
}
@media (min-width: 48rem) {
  .navbar nav .nav-wrapper .logo--mobile {
    display: none;
  }
}
.navbar nav .nav-wrapper .nav-links {
  display: none;
  align-items: center;
  list-style: none;
  padding: 0;
  gap: 2.5rem;
  font-weight: 700;
}
@media (min-width: 48rem) {
  .navbar nav .nav-wrapper .nav-links {
    display: flex;
  }
}
@supports selector(:focus-visible) {
  .navbar nav .nav-wrapper .nav-links a:focus-visible {
    outline: 0.125rem solid #ff5500;
    outline-offset: 0.125rem;
  }
  .navbar nav .nav-wrapper .nav-links a:focus:not(:focus-visible) {
    outline: none;
    outline-offset: 0;
  }
}
@supports not selector(:focus-visible) {
  .navbar nav .nav-wrapper .nav-links a:focus {
    outline: 0.125rem solid #ff5500;
    outline-offset: 0.125rem;
  }
}
.navbar nav .nav-actions {
  display: flex;
  gap: 1.5rem;
  align-items: center;
}
.navbar nav .nav-actions .icon-btn {
  background: transparent;
  border: none;
  padding: 0;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
@supports selector(:focus-visible) {
  .navbar nav .nav-actions .icon-btn:focus-visible {
    outline: 0.125rem solid #ff5500;
    outline-offset: 0.125rem;
  }
  .navbar nav .nav-actions .icon-btn:focus:not(:focus-visible) {
    outline: none;
    outline-offset: 0;
  }
}
@supports not selector(:focus-visible) {
  .navbar nav .nav-actions .icon-btn:focus {
    outline: 0.125rem solid #ff5500;
    outline-offset: 0.125rem;
  }
}
.navbar nav .nav-actions .menu-toggle {
  background: transparent;
  border: none;
  padding: 0;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
@supports selector(:focus-visible) {
  .navbar nav .nav-actions .menu-toggle:focus-visible {
    outline: 0.125rem solid #ff5500;
    outline-offset: 0.125rem;
  }
  .navbar nav .nav-actions .menu-toggle:focus:not(:focus-visible) {
    outline: none;
    outline-offset: 0;
  }
}
@supports not selector(:focus-visible) {
  .navbar nav .nav-actions .menu-toggle:focus {
    outline: 0.125rem solid #ff5500;
    outline-offset: 0.125rem;
  }
}
@media (min-width: 48rem) {
  .navbar nav .nav-actions .menu-toggle {
    display: none;
  }
}
.navbar nav .nav-actions .hamburger {
  width: 1.5rem;
  height: 1.125rem;
  display: inline-flex;
  flex-direction: column;
  justify-content: space-between;
  color: #070707;
}
.navbar nav .nav-actions .hamburger .line {
  width: 100%;
  height: 0.125rem;
  background: currentColor;
  border-radius: 0.125rem;
  transition: transform 0.2s ease, opacity 0.2s ease;
  transform-origin: center;
}
.navbar
  nav
  .nav-actions
  .menu-toggle[aria-expanded="true"]
  .hamburger
  .line:nth-child(1) {
  transform: translateY(0.5rem) rotate(45deg);
}
.navbar
  nav
  .nav-actions
  .menu-toggle[aria-expanded="true"]
  .hamburger
  .line:nth-child(2) {
  opacity: 0;
}
.navbar
  nav
  .nav-actions
  .menu-toggle[aria-expanded="true"]
  .hamburger
  .line:nth-child(3) {
  transform: translateY(-0.5rem) rotate(-45deg);
}
.navbar .mobile-backdrop {
  position: fixed;
  top: var(--navbar-height, 0);
  right: 0;
  left: 0;
  bottom: 0;
  background: rgba(7, 7, 7, 0.32);
  z-index: 40;
}
@media (min-width: 48rem) {
  .navbar .mobile-backdrop {
    display: none;
  }
}
.navbar .mobile-backdrop[hidden] {
  display: none;
}
.navbar .mobile-drawer {
  position: fixed;
  top: var(--navbar-height, 0);
  right: 0;
  height: calc(100dvh - var(--navbar-height, 0));
  width: min(82vw, 22.5rem);
  padding: 1.5rem;
  background: #ffffff;
  border-left: 0.0625rem solid #e7e7e7;
  will-change: transform;
  transform: translateX(100%);
  transition: transform 0.25s ease;
  z-index: 50;
  pointer-events: none;
  visibility: hidden;
}
@media (min-width: 48rem) {
  .navbar .mobile-drawer {
    display: none;
  }
}
.navbar .mobile-drawer.open {
  transform: translateX(0);
  pointer-events: auto;
  visibility: visible;
}
.navbar .mobile-drawer .mobile-drawer-inner {
  height: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
}
.navbar .mobile-links {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.navbar .mobile-links a {
  display: inline-flex;
  align-items: center;
  padding: 0.75rem 0;
  font-weight: 600;
}
@supports selector(:focus-visible) {
  .navbar .mobile-links a:focus-visible {
    outline: 0.125rem solid #ff5500;
    outline-offset: 0.125rem;
  }
  .navbar .mobile-links a:focus:not(:focus-visible) {
    outline: none;
    outline-offset: 0;
  }
}
@supports not selector(:focus-visible) {
  .navbar .mobile-links a:focus {
    outline: 0.125rem solid #ff5500;
    outline-offset: 0.125rem;
  }
}

.footer {
  padding-top: 3rem;
  background: #f5f5f5;
  padding-bottom: 3rem;
}
@media (min-width: 64rem) {
  .footer {
    padding-top: 4rem;
  }
}
.footer .top-level {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 2rem;
}
@media (min-width: 64rem) {
  .footer .top-level {
    display: grid;
    grid-template-columns: 1fr 22%;
    align-items: start;
  }
  .footer .top-level .content {
    max-width: 42.5rem;
  }
}
.footer .top-level .content h5 {
  font-weight: 600;
}
.footer .top-level .content p {
  color: #5c5c5c;
  font-size: 1.125rem;
  font-weight: 600;
}
@media (min-width: 64rem) {
  .footer .top-level .content p {
    font-size: 1.25rem;
  }
}
.footer .top-level .btn {
  width: 100%;
}
@media (min-width: 48rem) {
  .footer .top-level .btn {
    width: initial;
  }
}
.footer .center-level {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 2rem;
}
@media (min-width: 48rem) {
  .footer .center-level {
    gap: 4rem;
    flex-direction: row;
  }
}
@media (min-width: 80rem) {
  .footer .center-level {
    padding-right: 24vh;
  }
}
.footer .center-level .logo-wrapper .logo {
  margin-bottom: 1rem;
}
@media (min-width: 64rem) {
  .footer .center-level .logo-wrapper .logo {
    margin-bottom: 2rem;
  }
}
.footer .center-level .logo-wrapper .contacts {
  display: grid;
  gap: 0.5rem;
  color: #3d3d3d;
}
.footer .center-level .column .title {
  margin-bottom: 1rem;
  color: #5c5c5c;
}
.footer .center-level .column ul {
  padding: 0;
  list-style-type: none;
  display: grid;
  gap: 0.75rem;
}
.footer .center-level .column ul li {
  font-weight: 600;
  color: #5c5c5c;
  letter-spacing: 0.02em;
}
.footer .payments-level {
  display: flex;
  gap: 0.75rem;
}
.footer .payments-level img {
  filter: drop-shadow(0 0.1875rem 0.5rem rgba(12, 12, 12, 0.1));
}
.footer .low-level {
  color: #0c0c0c;
}
.footer hr {
  border: none;
  border-top: 0.0625rem solid #e7e7e7;
  margin-top: 2rem;
  padding-bottom: 2rem;
}
@media (min-width: 64rem) {
  .footer hr {
    margin-top: 3rem;
    padding-bottom: 3rem;
  }
}

.btn {
  box-shadow: 0.25rem 0.25rem 0 0 #070707;
  border: 0.125rem solid #070707;
  border-radius: 3rem;
  padding: 1rem 2rem;
  font-size: 1.25rem;
  font-weight: 700;
  background: transparent;
  color: #070707;
  width: fit-content;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  align-content: center;
  text-align: center;
}
.btn:hover,
.btn:focus-visible {
  box-shadow: none;
}
@supports selector(:focus-visible) {
  .btn:focus-visible {
    outline: 0.125rem solid #ff5500;
    outline-offset: 0.125rem;
  }
  .btn:focus:not(:focus-visible) {
    outline: none;
    outline-offset: 0;
  }
}
@supports not selector(:focus-visible) {
  .btn:focus {
    outline: 0.125rem solid #ff5500;
    outline-offset: 0.125rem;
  }
}
.btn--secondary {
  background: #ff5500;
  color: #ffffff;
}
.btn--small {
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
}
.btn--detail {
  border-color: #e7e7e7;
  box-shadow: none;
  font-size: 1rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  height: 3rem;
}
.btn--detail:hover,
.btn--detail:focus-visible {
  border-color: #070707;
}
.btn--detail .btn-icon {
  width: 1.5rem;
  height: 1.5rem;
}
.btn--detail .btn-icon--svg {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #e7e7e7;
  transition: color 0.2s ease-in-out;
}
.btn--detail .btn-icon--svg svg {
  width: 100%;
  height: 100%;
  display: block;
}
.btn--detail:hover .btn-icon--svg,
.btn--detail:focus-visible .btn-icon--svg {
  color: #070707;
}
@media (min-width: 90rem) {
  .btn--detail {
    width: 100%;
  }
}