SCSSの書く場所について

Question

SCSSとHTMLで以下のようなカードを作成しようと思っています。
https://codepen.io/jcqvayeu/pen/LYNdYPP

私自身、SCSSを使い慣れていないのですが、style.scssなどscssを記入する箇所が様々ございますが、上記のコードの場合はどちらの箇所に記入すればよろしいのでしょうか…？（参考程度に使用テーマはcocoonです）

恐れ入りますがよろしくお願いいたします。

Comments

[m.ts10806]

「scssそのままではブラウザは認識できない」という認識はありますか？