JSFiddle - React, Tailwind, and code Playground

by Sascha

HTML

<div class="container-for-atbd_author_avatar">
<input type="button" class="btn" value="Avatar button">
</div>

CSS

.container-for-atbd_author_avatar .btn {
  position: absolute;
  border-radius: 50%!important;
  height: 25px;
  width: 25px;
  padding: 0px;
  text-align: center;
  transform: translate(-50%, -50%);
  top: 85%;
  left: 85%;
}


.container-for-atbd_author_avatar .btn:hover {
  /* border-radius: 50%!important; */
  height: 25px;
  width: 25px;
  overflow: hidden;
}