.l-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: var(--spacing-16) 4.4vw;
  background-color: var(--color-primary);
  color: var(--color-gray-light);
}
.l-footer__logo-mask {
  width: 9.6rem;
  margin-right: 2.8vw;
}
.l-footer__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin-bottom: var(--spacing-8);
}
.l-footer__views {
  margin-left: auto;
}
@media (max-width: 767.98px) {
  .l-footer {
    display: block;
  }
  .l-footer__logo-mask {
    margin-bottom: var(--spacing-24);
  }
  .l-footer__views {
    margin-top: var(--spacing-16);
    text-align: right;
  }
}
@media (max-width: 575.98px) {
  .l-footer {
    padding: var(--spacing-32) 5vw;
  }
  .l-footer__logo-mask {
    margin-bottom: var(--spacing-32);
  }
  .l-footer__title {
    display: block;
    margin-bottom: var(--spacing-24);
  }
  .l-footer__views {
    margin-top: var(--spacing-32);
    text-align: left;
  }
}