body {
  text-align: center;
}
h1 {
  color: green;
}

.addressLink {
  list-style: none;
  overflow: hidden;
  font: 16px;
  margin: 0px;
  padding: 0px;
  /* border: 2px solid black; */
  /* font-style: italic; */
}

.addressLink li {
  float: left;
}

.addressLink li a {
  background: #537e3e;
  color: white;
  text-decoration: none;
  padding: 5px 0px 5px 65px;
  position: relative;
  float: left;
}

.addressLink li a:after {
  content: " ";
  border-top: 50px solid transparent;
  border-bottom: 50px solid transparent;
  border-left: 30px solid #537e3e;
  margin-top: -50px;
  position: absolute;
  top: 50%;
  left: 100%;
  z-index: 2;
}

.addressLink li a:before {
  content: " ";
  border-top: 50px solid transparent;
  border-bottom: 50px solid transparent;
  border-left: 30px solid white;
  position: absolute;
  top: 50%;
  left: 100%;
  z-index: 1;
}

.addressLink li:first-child a {
  padding-left: 10px;
}

.addressLink li:nth-child(2) a {
  background: #5e8d47;
}

.addressLink li:nth-child(2) a:after {
  border-left-color: #5e8d47;
}

.addressLink li:nth-child(3) a {
  background: #70af51;
}

.addressLink li:nth-child(3) a:after {
  border-left-color: #70af51;
}

.addressLink li:last-child a {
  background: #80c55e;
  color: #fff;
}

.addressLink li:last-child a:after {
  content: " ";
  border-top: 50px solid transparent;
  border-bottom: 50px solid transparent;
  border-left: 30px solid #80c55e;
  margin-top: -50px;
  position: absolute;
  top: 50%;
  left: 100%;
  z-index: 2;
}

.addressLink li a:hover {
  background: #5f645c;
}

.addressLink li a:hover:after {
  border-left-color: #5f645c !important;
}