<button class="button">
  <img src="https://mahata.gitlab.io/img/favicon.png" class="image" />
</button>

.button {
  display: flex;
  justify-content: center;
  align-items: center;
  
  width: 104px;
  height: 104px;
  
  cursor: pointer;

  background-color: #0000; /* 透明 */
  border: 2px solid transparent; /* 透明 */
}

.button:focus {
  border: 2px solid red;
}

.image {
  width: 100px;
  height: 100px;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.