.footer-block {
  &.default-margin {
    margin-top: calc( var(--baseline) * 3 );
  }
  &.top-margin {
    margin-top: calc( var(--baseline) * 6 );
  }
}
.footer-inner-wrapper {
  align-items: stretch;

  @media screen and (min-width: 1024px) {
    /*padding-left: calc(var(--gutter) + (1 * var(--column)));*/
    /*padding-right: calc(var(--gutter) + (1 * var(--column)));*/
  }
  margin-left: calc(-1 * var(--gutter));
  margin-right: calc(-1 * var(--gutter));
}
.footer-box {
  .box-inner-wrapper {
    border-radius: var(--border-radius);
    padding-right: calc(var(--gutter) + (1 * var(--column)));
    padding-top: calc( var(--baseline) * 6 );
    padding-bottom: calc( var(--baseline) * 6 );
    height: 100%;
  }
}
.footer-box-left {
  .box-inner-wrapper {
    background-color: var(--color-grey-100);
  }
}
.footer-box-right {
  --pad: 3;

  @media screen and (min-width: 1180px) {
    --pad: 0;
  }

  padding-top: calc( var(--baseline) * var(--pad) );

  .box-inner-wrapper {
    background-color: var(--color-orange-50);
  }
}

.footer-logo {}
.footer-logo-img {
  height: calc( var(--baseline) * 4 );
  width: auto;
}
.footer-abstract {
  padding-top: calc( var(--baseline) * 4 );
}
.footer-socials {
  padding-top: calc( var(--baseline) * 4 );
}
.footer-social-link {
  display: flex;
  height: calc(var(--baseline) * 3);
  width: calc(var(--baseline) * 3);

  & + .footer-social-link {
    margin-left: var(--gutter);
  }
}
.footer-social-logo {}
.footer-contacts {
  --pad: 4;

  @media screen and (min-width: 1180px) {
    --pad: 0;
  }

  padding-top: calc( var(--baseline) * var(--pad) );
}
.footer-contact-header {}
.footer-contact-heading {}
.footer-contact-abstract {
  padding-top: calc( var(--baseline) * 2 );

  a {
    font-weight: var(--weight-bold);
  }

  p + p {
    margin-top: calc(var(--baseline) * 4);
  }
}

.footer-services {
  & + .footer-services {
    padding-top: calc( var(--baseline) * 3 );
  }
}
.footer-service-navigation {
  .service-menu,
  .service-menu-item {
    margin: 0;
  }
  .service-menu {}
  .service-menu-heading {
    margin-bottom: calc( var(--baseline) * 2 );
  }
  .service-menu-item + .service-menu-item {
    margin-top: var(--baseline);
  }
  .service-voice-link {
    display: flex;
  }
}
.footer-legals {
  padding-top: calc( var(--baseline) * 4 );
  padding-bottom: calc( var(--baseline) * 6 );
}
.footer-legals-abstract {
  p {
    margin: 0;
  }
}
.footer-legals-actions {
  margin-top: auto;
  justify-content: flex-end;
}
.footer-legal-link {
  & + .footer-legal-link {
    margin-left: 2em;
  }
}
.footer-legal-label {}
.back-to-top {
  --pad: var(--margin);
  --radii: var(--border-radius);
  --scale: .75;
  --right: calc(var(--pad) - (var(--radii) * (1 - var(--scale))));
  --bottom: calc(var(--pad) * 5);

  @media screen and (min-width: 480px) {
    --scale: 1;
    --bottom: calc(var(--pad) * 2);
  }

  position: fixed;
  display: inline-flex;
  overflow: hidden;
  border-radius: var(--radii);
  width: calc(var(--radii) * 2);
  aspect-ratio: 1/1;
  top: auto;
  right: var(--right);
  bottom: var(--bottom);
  left: auto;
  z-index: 2;
  background-color: var(--color-grey-alpha);
  backdrop-filter: blur(1rem);
  text-indent: 101%;
  transform-origin: 50% 50%;
  transform: scale(var(--scale));

  &::before,
  &::after {
    content: '';
    display: inline-block;
    position: absolute;
    top: 30%;
    bottom: : auto;
    width: var(--radii);
    height: var(--baseline);
    border-radius: calc(var(--baseline) / 2);
    background-color: var(--color-orange-400);
    transition: top .4s, background-color .4s;
  }
  &::before {
    left: 50%;
    right: auto;
    transform-origin: 0 0;
    transform: rotate(40deg);
  }
  &::after {
    left: auto;
    right: 50%;
    transform-origin: 100% 0;
    transform: rotate(-40deg);
  }

  &:hover {
    &::before,
    &::after {
      top: 20%;
      background-color: var(--color-orange);
    }
  }
}