main {
  padding-top: var(--spaceLg);
  padding-bottom: var(--spaceXl);
}

.ClientButtons {
  color: white;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1.8px;
  text-transform: uppercase;
  background: var(--colorBrand);
  position: fixed;
  right: 0;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  width: fit-content;
  padding: 0.5rem 0.625rem 0.4375rem;
  text-decoration: none;
  line-height: 1.2;
  transition: all .5s ease-in-out;
  transform: translateX(calc(100% - 2.875rem));
  z-index: 20;
}

@media (max-width: 75rem) {
  .ClientButtons {
    position: static;
    width: 100%;
    transform: none;
    padding: 0.5rem var(--spaceLg) 0.4375rem;
  }
}

.ClientButtons:nth-of-type(1) {
  top: 25%;
}

@media (max-width: 75rem) {
  .ClientButtons:nth-of-type(1) {
    margin-top: auto;
  }
}

.ClientButtons:nth-of-type(2) {
  top: calc(25% + 45px + 4px);
  background: var(--colorBrandSecondary);
  color: white;
}

.ClientButtons:nth-of-type(3) {
  top: calc(25% + 45px + 4px + 45px + 4px);
}

.ClientButtons:hover, .ClientButtons:active, .ClientButtons:focus {
  color: white;
  text-decoration: none;
  transform: translateX(0);
}

.ClientButtons span {
  display: block;
}

.ClientButtons svg {
  width: 1.875rem;
  height: 1.875rem;
}

.ClientButtons {
  display: flex;
}

@media (max-width: 75rem) {
  .ClientButtons {
    display: none;
  }
}

.AppNavigation .ClientButtons {
  display: flex;
}

/*# sourceMappingURL=layout.min.css.map */