<div class="container-div">
  <img src="https://bit.ly/3MBfGHz" class="bottom-right">
  <button class="btn-circle">
    OK
  </button>
</div>

img {
  height:200px;
  width:200px;
   position:absolute;
  z-index:1;
  --r: 25px;
  --s: 50px;
  --_m: / calc(2 * var(--r))  calc(2 * var(--r))
    radial-gradient(#000 70%, #0000 72%) no-repeat;
  border-radius: var(--r);
}

.bottom-right {
  mask:
    right 0 bottom calc(var(--s) + var(--r)) var(--_m),
    right calc(var(--s) + var(--r)) bottom 0 var(--_m),
    radial-gradient(var(--s) at 100% 100%, #0000 99%, #000 101%) 
    calc(-1 * var(--r)) calc(-1 * var(--r)) no-repeat,
    conic-gradient(
      from 90deg at calc(100% - var(--s) - 2 * var(--r))
      calc(100% - var(--s) - 2 * var(--r)),
      #0000 25%,
      #000 0
    );
}

.container-div{
  position:relative;
  display:block;
  height:200px;
  width:200px;
  
}
.btn-circle{
  position:absolute;
  bottom:5px;
  right:5px;
  z-index:2;
  border-radius:50%;
  height:50px;
  width:50px;
  background:#222222;
  color:white;
  border:none;
}