PUSHと書かれた赤色のボタンを作成しているですが 文字が白くなりません。 カーソルを合わせるとボタンが沈むですがその時は白くなるのですが合わせてないと色が黒色になってしまいますどこを変えればいいのでしょうか 作成したコードを貼っておきます <head> <style type="text/css"> :before, *:after { -webkit-box-sizing: inherit; box-sizing: inherit; } .btn, a.btn, button.btn { font-size: 1.6rem; font-weight: 700; line-height: 1.5; position: relative; display: inline-block; padding: 1rem 4rem; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: all 0.3s; transition: all 0.3s; text-align: center; vertical-align: middle; text-decoration: none; letter-spacing: 0.1em; color: #212529; border-radius: 0.5rem; } a.btn--red { color: #fff; background-color: #ff2525; border-bottom: 5px solid #b81c1c; } a.btn--red:hover { margin-top: 3px; color: #fff; background: #ff2525; border-bottom: 2px solid #b81c1c; } a.btn--shadow { -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .3); box-shadow: 0 3px 5px rgba(0, 0, 0, .3); } </style>
HTML、CSS