リンクの下線が消えない!?

実現したいこと

リンクの下線を消したい

発生している問題・エラー画像・コード

<div class="coach_request_items"> <span class="coach_request_items_school">テス学校</span> </div>

.coach_request_items { display: grid; grid-template-columns: 1fr 1fr; justify-content: space-between; align-items: center; margin: 0 auto; border: 1px solid #2589d0; background-color: #fff; color: #2589d0; padding: 24px; border-radius: 14px; box-shadow: 0px 0px 15px -13px #777777; text-decoration: none; } .coach_request_items::after { transform: rotate(45deg); width: 5px; height: 5px; margin-left: 10px; border-top: 2px solid #2589d0; border-right: 2px solid #2589d0; content: ''; } .coach_request_items_school { text-decoration: none; text-decoration-line: none; }

試したこと

text-decoration: none
text-decoration-line: none

で下線を取り除こうと思ったのですが消えず教えていただけますと幸いです。
よろしくお願い致します・