CSSでクリックエリアを拡大する方法

レイアウトを変えずにCSSでaタグのクリックエリアを拡大する方法

擬似要素を使う

inset: -{value}px;

style.css

.icon-button {
  position: relative;
}
 
.with-pseudo {
  &::after {
    content: '';
    position: absolute;
    inset: -0.5rem;
  }
}

✅参照元 coliss