.tag {
	position: relative;
	display: inline-block;
	padding: 3px 31px 3px 8px;
	font-size: 0.875rem;
	color: $blue;
	background-color: rgba($blue, 0.2);
	border-radius: 3px;
	margin-bottom: 4px;
  overflow: hidden;

  &:not(:only-child) {
    margin-right: 4px;
  }

	button {
		position: absolute;
		right: 0;
		top: 0;
		display: block;
		width: 23px;
		height: 23px;
		line-height: 23px;
		border: 0;
    background-image: $blue-gradient;
    color: $white;
		text-align: center;
    padding: 0;
    border-radius: 0;
    font-size: 1rem;

    &:hover {
      background-image: $blue-hover-gradient;
    }
	}
}
