SASS嵌套课程

我有以下CSS / SASS。

.socialMedia__button{
    display:block;
    text-align:center;
    padding:10px;
    border: 2px solid;
    border-radius: 5px;
    color:#fff;
    width:100%;
    .facebook {
        background:#3c5b99;
    }
    .twitter {
        background:#429aff;
    }
}

HTML是：

  Sign up with Facebook

但是，我的HTML似乎无法识别该facebook部分。为什么是这样？

谢谢