a.button, input.button{
	display: inline-block;
	padding: 20px 31px 19px;
	background:var(--pd-black-alt);
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
	color: #fff;
	border-radius: 4px;
	box-shadow: 0 2px 2px rgba(black, 0.08);
	letter-spacing: 1px;
	text-decoration: none;
	transition: background 0.1s;
	cursor: pointer;

	&:hover{
		background:var(--pd-black);
	}

	&.video{
		padding-left:45px;
		&:before{
			content: "";
			display: inline-block;
			width: 20px; height: 20px;
			position: absolute;
			left:15px;
			top: calc(50% - 10px);
			background-image: url('assets/graphics/play-symbol.svg');
		}
	}
}

a.arrow-back{
	&:before{ content: "\2190"; margin-right: 0.5em; display: inline-block; transition:transform 0.12s ease-out}
	&:hover:before{transform: translateX(-5px)}
}

.small-button{
	padding: 10px 15px; text-transform: uppercase; letter-spacing: 1px;
	transition: background 0.15s ease-out;
	&:hover{ background:rgba(var(--pd-green), 0.1);}
}