[t17-buttons] {
	position:relative;
	width:100%;
	display:flex;
	flex-direction:column;
        row-gap:40px;
        padding:40px 0px 40px 0px;
        
}

[t17-klad] {
	background-color:white !important;
        border:none !important;
        border-radius:24px;
}

[t17-button] {
        position:relative;
	display:flex;
	justify-content:center;
	align-items:center;
	flex:0 0 46px;
	width:calc(100% - 20%);
	margin:0px auto 0px auto;
	border-radius:8px;
	font-size:18px;
	font-weight:500;
	text-decoration:none;
	padding:16px;
        text-align:center;
        line-height:150%;
	
}

@media screen and (max-width: 1000px) {

[t17-klad] {
	border-radius:calc( (100vw - 320px)/(1000 - 320) * (24 - 12) + 12px);
}


[t17-buttons] {
        row-gap:calc( (100vw - 320px)/(1000 - 320) * (40 - 8) + 8px);
        padding:calc( (100vw - 320px)/(1000 - 320) * (40 - 8) + 8px) 0px calc( (100vw - 320px)/(1000 - 320) * (40 - 8) + 8px) 0px;        
}


[t17-button] {
	font-size:calc( (100vw - 320px)/(1000 - 320) * (18 - 14) + 14px);
        padding:calc( (100vw - 320px)/(1000 - 320) * (16 - 8) + 8px);
        width:calc(100% - calc( (100vw - 320px)/(1000 - 320) * (76 - 8) + 8px)*2);
}

}


[t17-button]:active {
	transform:translate3d(1px,1px,0px);
}


[t17-button][t17-a-red] {
	color:yellow !important;
        text-shadow: 0 0 1px #ff0000, 0 0 2px #ff0000, 0 0 3px #ff0000, 0 0 4px #ff0000, 0 0 5px #ff0000, 0 0 6px #ff0000, 0 0 7px #ff0000, 0 0 8px #ff0000, 0 0 9px #ff0000, 0 0 10px #ff0000;
}


[t17-button][col="0"] {                    
	background-color:rgba(255,102,0,1);
	color:white;
}

[header][pc="1"] ~ [content] [t17-button][col="0"] {
	background-color:rgba(51,153,204,1);
	color:white;
}

[header][pc="2"] ~ [content] [t17-button][col="0"] {
        background-color:rgba(142,166,71,1);
	color:white;
}

[header][pc="3"] ~ [content] [t17-button][col="0"] {
        background-color:rgba(210,165,19,1);
	color:white;
}

[header][pc="4"] ~ [content] [t17-button][col="0"] {
        background-color:rgba(255,102,0,1);
	color:white;
}




[t17-button][col="1"] {
	background-color:rgba(51,153,204,1);
	color:white;
}

[t17-button][col="2"] {
	background-color:rgba(142,166,71,1);
	color:white;
}

[t17-button][col="3"] {
	background-color:rgba(210,165,19,1);
	color:white;
}

[t17-button][col="4"] {
	background-color:rgba(255,102,0,1);
	color:white;
}

