Neyi Atlıyorum Acaba? HTML Tabloda Bağlantı Alanı Sorunu Yaşıyorum

Tabloya bir buton ekledim ancak butonun tamamı değil sadece yazının olduğu iç alan(kırmızı ok) tıklanabilir durumda, bağlantının(mavi ok) nasıl butonunun tümünde tıklanabilir olmasını sağlayabilirim? <a>'nın yerini değiştirmem mümkün değil, <th> içinde kalması gerekiyor, CSS olarak ne tanımlamam gerekiyor acaba?

Görsel: https://prnt.sc/ulh8pp

a nin widthini ve heightini üstüne bulunan kutuya göre yükselt ya da padding değeri ver
ya da li nin içinde a nin içine bir div koy ve yüksekliği ve genişliği belirten bu div olsun li nesnesi değil

th elementi spesifik bir deÄŸere sahipse (30px vs. gibi) ÅŸu ÅŸekilde kullanabilirsiniz.

th a{    
display:block;    
width:100%;    
height: 100%;
}

Cevaplar için teşekkürler, bir türlü yapamadım. Aşağıdaki bağlantıda tablo içeriğe ekli durumda, direk siteden tüm kodlar ile bakarsanız daha sağlıklı olur galiba.
https://new.enchantesalon.com/balayage-ombre/

hallettiniz sanırım? şu anda buton üstüne gelince tıklanabilir gözüküyor bende.

cursor: pointer; öyle görünmesini sağlıyor, tıklanmıyor aslında. Halledemedim.

pardon tıklamayı denemeyi unutmuşum

.dm-table tr:first-child th:last-child a, .dm-table-m tr:last-child th a {
color: #fff;
font-weight: 700;
}

buraya display: block; eklemeniz halinde tıklanabilir hale geliyor.

Ekledim değişen bir şey olmadı hocam, şu an ekli durumda.