/* VTT Buttons */
[id^=vtt-buttons]{
	width: 100%; 
	min-width: 221px;
	max-width: 320px !important;
	margin: 0 auto;
	overflow: hidden;
}
[id^=vtt-buttons] p{
	margin:0;
}

.vtt-button{
	height:50px;
	margin: 0 3px;
	margin-bottom: 5px;
	display:block;
	text-align: center;
}
.show-amp{
	background: url(https://s3.amazonaws.com/clas-oat-css/apersand-white-210x225-5-5.png) no-repeat;
	background-size: 140px 163px;
}

[id^="button"][id$="-0"] {
	background-position: -20px -5px;
	margin-top: 3px;
	border: 3px solid #0c7544;
}
[id^="button"][id$="-1"] {
	background-position: -20px -57px;
	border: 3px solid #c1af6c;
}
[id^="button"][id$="-2"] {
	background-position: -20px -110px;
	border: 3px solid #b37132;
}

[id^="button"][id$="-0"]:hover {
	background-color: #0c7544;
}
[id^="button"][id$="-1"]:hover {
	background-color: #c1af6c;
}
[id^="button"][id$="-2"]:hover {
	background-color: #E07B1D;
	border: 3px solid #E07B1D;	
}

[id^=vtt-buttons] span.title {
    font-size: 24px;
    text-shadow: 0px 0px 2px #000;
    margin-top: 5px;
    font-family: BebasNeueBook;
	display: block;
}
[id^=vtt-buttons] span.description{
    clear: right;
    font-size: 15px;
    letter-spacing: -1px;
    line-height: 0;
    text-shadow: 0px 0px 2px #000;
}	

.show-amp span.title, .show-amp span.description{
	float:right;
	margin-right: 10px;
}