.atabs__title {
  text-align: center;

  @media all and (min-width: 47em) {
    text-align: left;
  }
}

.atabs__list {
  cursor: pointer;
  display: flex;
  justify-content: flex-end;
}

.atabs__list__tab {
  background-color: var(--color-neutral-white);
  border-radius: 10px 10px 0 0;
  box-shadow: 0 -2px 10px rgba(var(--color-neutral-black-rgb), .05);
  margin: 0 1px;
  outline: none;
  padding: 20px 6px;
  text-align: center;
  transition: background-color .15s ease-in, color .15s ease-in;
  width: 100%;

  @media all and (min-width: 47em) {
    font-size: var(--font-size-med-2);
  }

  &:focus {
    background-color: var(--color-neutral-gray-08);
  }

  &:first-child {
    margin-left: 0;
  }

  &:last-child {
    margin-right: 0;
  }

  &[aria-selected="true"] {
    background-color: var(--bg-tabs-list-selected);
    color: var(--color-neutral-white);
  }
}

.atabs__panel {
  background-color: var(--color-neutral-white);
  border-radius: 0 0 10px 10px;
  border-top: 4px solid var(--border-color-tabs-panel);
  box-shadow: 0 6px 10px rgba(var(--color-neutral-black-rgb), .1);
  padding: 2rem;

  @media all and (min-width: 47em) {
    padding: 3rem 2rem;
  }

  > *:last-child,
  [class*="col-"]:last-child > *:last-child {
    margin-bottom: 0;
  }

  h3 {
    color: var(--color-title-tabs-panel);

    a {
      color: var(--color-neutral-gray-70);
    }
  }
}

ul.c-block-links {
  margin-bottom: 1rem;
  max-width: 600px;

  a {
    background-color: var(--color-neutral-gray-04);
    background-position: calc(100% - 12px) 50%;
    background-repeat: no-repeat;
    background-size: 12px auto;
    color: var(--color-link-tabs-block-list);
    cursor: pointer;
    display: block;
    font-size: var(--font-size-sm-2);
    font-weight: 700;
    margin-bottom: 2px;
    padding: 12px 36px 12px 20px;
    text-transform: uppercase;
    transition: background-color .15s ease-in;

    &:focus,
    &:hover {
      background-color: #eeeeee;
    }
  }
}