.tm-footer {
  background-color: var(--mdc-theme--secondary--semi-light);
  color: var(--mdc-theme--primary);
}

.tm-footer h3 {
  color: var(--mdc-theme--primary);
  font-weight: 500;
  text-align: left;
}

.tm-footer a {
  color: var(--mdc-theme--primary);
  text-decoration: underline;
  text-decoration-color: rgba(255, 255, 255, 0.5);
  transition: text-decoration-color 0.2s linear;
}
.tm-footer a:hover {
  text-decoration-color: rgb(255, 255, 255);
  transition: text-decoration-color 0.2s linear;
}
@media screen and (max-width: 479px) {
  .tm-footer a {
    display: inline-block;
    padding: 4px 0;
    margin: 4px 0;
  }
}

.copy-and-media .tm-layout-wrapper {
  border-top: 1px solid rgba(255, 255, 255, 0.5);
  padding: 2em 0;
}

.about {
  line-height: 28px;
  padding-right: 2em;
}

.footer_social-buttons {
  text-align: right;
}

.tm-footer nav a {
  text-decoration: none;
  line-height: 28px;
}
.tm-footer nav a:hover {
  text-decoration: underline;
}

.social-buttons {
  background-color: var(--mdc-theme--primary);
  border-radius: 52px;
  display: inline-block;
  text-align: right;
  padding: 2px 8px;
}

.social-buttons a {
  display: inline-block;
  height: 32px;
  margin: 0;
}
.social-buttons a:first-child {
  padding-left: 6px;
}
.social-buttons a:last-child {
  padding-right: 6px;
}
@media screen and (max-width: 339px) {
  .social-buttons a {
    padding: 4px 8px 0;
  }
}
@media screen and (min-width: 340px) {
  .social-buttons a {
    padding: 4px 12px 0;
  }
}
@media (max-width: 480px) {
  .social-buttons a {
    padding: 6px;
  }
}

@media (max-width: 480px) {
  .footer_social-buttons {
    text-align: left;
  }
}