outline offset border radius css code example

Example 1: css round outline

/*A box-shadow can be used for a similar effect*/

.your-box-or-button-class{
box-shadow: 0 0 3px #000000;
}

Example 2: css offset border

* {
  box-sizing: border-box;
}

.container {
  height: 200px;
  width: 200px;
  position: relative;
  background-color: red;
  margin: 20px;
}

.inner {
  width: 100%;
  height: 100%;
  position: absolute;
  border: 2px solid black;
  top: -10px;
  left: -10px;
  z-index: 10;
}