div.action-links-bar {
	text-align:center;
	margin:2em 1em;
}
.action-links-ui {
	span {
		
		height: 100%;
		
		&.point-a {
			float:left;
		
			&:before {
				width: 3.09375rem;
				box-sizing: border-box;
				border-top-style: solid;
				border-width: 0.375rem;
				top: 48%;
				border-top-color: #008cba;
				content: "";
				display:block;
				width: 0;
				height: 0;
				border-style: solid;
				border-width: 10px 10px 0 0;
				border-color: $primary-color transparent transparent transparent;
			}
		}
		&.point-b {
			float:right;
		
			&:before {
				box-sizing: border-box;
				border-top-style: solid;
				border-width: 0.375rem;
				top: 48%;
				border-top-color: #008cba;
				content: "";
				display:block;
				width: 0;
				height: 0;
				border-style: solid;
				border-width: 0 10px 10px 0;
				border-color: transparent $primary-color transparent transparent;
			}
		}
	}
}
ul{
	&.action-links {
		text-align:center;
		margin: 0 auto;
	    border-bottom: 3px solid $primary-color;
	    padding: 0;
	    display: block;
		
		li {
			list-style:none;
			 margin: 0 0.2em;
			 display:inline-block;
			a{
				background-color: $primary-color;
				padding: 0.2em 0.5em 0;
				color:#c2efff;
				display:block;
				@include border-top-radius(6px);

				&:hover {
					color:#fff;
				}
				&:focus {
				
				}
				
			}
		}
	}
}