.tags {
		  list-style: none;
		  margin: 0;
		  overflow: hidden; 
		  padding: 0;
		}

		.tags li {
		  float: left;
		}

		.tag {
		  background-color: rgba(44,62,79,1);
		  border-radius: 3px 0 0 3px;
		  color: #FFF;
		  display: inline-block;
		  height: 26px;
		  line-height: 26px;
		  padding: 0 20px 0 23px;
		  position: relative;
		  margin: 0 10px 10px 0;
		  text-decoration: none;
		  -webkit-transition: color 0.2s;
		  font-size: 12px;
		}

		.tag::before {
		  background: #F3F7F9;
		  border-radius: 10px;
		  box-shadow: inset 0 1px rgba(0, 0, 0, 0.25);
		  content: '';
		  height: 6px;
		  left: 10px;
		  position: absolute;
		  width: 6px;
		  top: 10px;
		}

		.tag::after {
		  background: #F3F7F9;
		  border-bottom: 13px solid transparent;
		  border-left: 10px solid rgba(44,62,79,1);
		  border-top: 13px solid transparent;
		  content: '';
		  position: absolute;
		  right: 0;
		  top: 0;
		}

		.tag:hover {
		  background-color: crimson;
		  color: white;
		}

		.tag:hover::after {
		   border-left-color: crimson; 
		}