/* Layout */
 .page {
     min-height: 100svh;
     display: flex;
     flex-direction: column;
 }

 .layout {
     flex: 1;
     display: flex;
     flex-direction: column;
 }

 .container {
     width: 100%;
     max-width: var(--container);
     margin-inline: auto;
     padding-inline: 1rem;
 }

 .btn {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     height: 40px;
     padding: 0 1rem;
     border: 0;
     border-radius: var(--radius);
     background: var(--brand);
     color: #fff;
     font-weight: 700;
     letter-spacing: .015em;
     cursor: pointer;
 }

 .btn--lg {
     height: 48px;
     padding-inline: 1.25rem;
     font-size: 1rem;
 }

 .btn:focus-visible {
     outline: 2px solid currentColor;
     outline-offset: 2px;
 }

 .btn--light {
     background: transparent;
     border: 2px solid #ffffff;
     color: #ffffff;
 }

 .btn-light:hover {
     background: rgba(255, 255, 255, 0.15);
 }