.ab-list {
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  width: 80%;
  max-width: 600pt;
}

.ab-list__entry {
  position: relative;
  padding: 8pt 10pt 7pt 10pt;
  margin-top: 10pt;
  border-radius: 4pt;
  background-color: &clr_ab_entry_bg;;
}

.ab-list__entry__vcard {
  position: absolute;
  border-radius: 4pt;
  right: -8pt;
  top: -5pt;
  padding: 1pt 7pt;
  font-size: 9pt;
  z-index: 1;
  background-color: &clr_btn_bg;;
  border: solid 1px &clr_ab_entry_vc_border;;
  color: &clr_btn_txt;;
  text-decoration: none;
}
.ab-list__entry__vcard:hover, .ab-list__entry__vcard:focus {
  outline: 0;
  background-color: &clr_btn_hover;;
}


.entry__persone {
  margin-bottom: 5pt;
  font-size: 13pt;
}

.entry__job-info {
  margin-bottom: 4pt;
}

.job-info__item {
  display: inline-block;
}
.job-info__item:not(:last-child)::after {
  display: inline-block;
  margin: 0 5pt;
  content: '/';
}

.entry__addr-list {
}

.addr-list__email {
  display: inline-block;
  text-decoration: none;
  color: inherit;
}
.addr-list__email::before {
  display: inline-block;
  content: '&#9993;';
  text-decoration: none;
  color: inherit;
  margin-right: 5pt;
}
.addr-list__email:not(:last-child)::after {
  display: inline-block;
  margin-right: 7pt;
  text-decoration: none;
  color: inherit;
  content: ',';
}
.addr-list__email:hover {
  text-decoration: underline;
}
