[Vuetify] v-btn hover effect circle -> square shape로 변경하기

다음처럼, v-btn을 사용해서 버튼을 생성하고, 브라우저에서 마우스를 올리면, 사각형 형태로 모양을 표시하고 싶었습니다.

 

<v-btn icon>을 사용한다면, 그림자가 아래 그림처럼 원형태로 보일겁니다.

 

<v-btn text>를 사용하거나, tile 옵션을 주게되면, <v-icon>으로 버튼을 표시하더라도, 사각형 형태의 그림자 효과를 줄 수 있습니다.