.app-c-logout {
  @include use-font('body', 'regular');
  background-color: use-color(base, true-white);
  border-bottom: solid 1px use-color('grey', light-alt);
  border-top: solid 1px use-color('grey', light-alt);
  box-sizing: border-box;
  color: use-color(primary);
  cursor: pointer;
  display: inline-block;
  padding: 12px;
  text-align: center;
  text-decoration: none;
  text-transform: capitalize;
  width: 100%;

  @include media-breakpoint-up(tablet) {
    border: solid 1px use-color('grey', light-alt);
    border-radius: 8px;
    display: block;
    margin: auto;
    width: 620px;
  }
}

.app-c-terms {
  @include use-font(body, regular);
  align-items: center;
  background-color: use-color(base, true-white);
  border-bottom: solid 1px #e0e0e0;
  border-top: solid 1px #e0e0e0;
  box-sizing: border-box;
  color: use-color(base, 'black');
  display: flex;
  justify-content: space-between;
  margin-bottom: 8px;
  padding: 8px 16px;
  text-decoration: none;

  @include media-breakpoint-up(tablet) {
    border: solid 1px use-color('grey', light-alt);
    border-radius: 8px;
    margin: 0 auto 8px;
    padding: 12px 16px;
    width: 620px;
  }

  [class^='icon-'],
  [class*=' icon-'] {
    color: use-color('grey', light);
    font-size: 16px;
  }
}