CSS给出错误：“样式规则的预期选择器”

Question

我正在使用ASP.net Web应用程序，使用以下CSS修改后的默认CSS会显示错误：

样式规则的预期选择器

似乎是CSS版本问题。我怎么知道我正在使用哪个版本的CSS？如何升级？

这里是从Codepen中获取的CSS

$white: #fff;
$google-blue: #4285f4;
$button-active-blue: #1669F2;

.google-btn {
width: 184px;
height: 42px;
background-color: $google-blue;
border-radius: 2px;
box-shadow: 0 3px 4px 0 rgba(0,0,0,.25);
.google-icon-wrapper

{
position: absolute;
margin-top: 1px;
margin-left: 1px;
width: 40px;
height: 40px;
border-radius: 2px;
background-color: $white;
}

.google-icon {
position: absolute;
margin-top: 11px;
margin-left: 11px;
width: 18px;
height: 18px;
}

.btn-text {
float: right;
margin: 11px 11px 0 0;
color: $white;
font-size: 14px;
letter-spacing: 0.2px;
font-family: "Roboto";
}

&:hover {
box-shadow: 0 0 6px $google-blue;
}

&:active {
background: $button-active-blue;
}

}

@import url(https://fonts.googleapis.com/css?family=Roboto:500);