<div class="btn">
  Yeah
</div>

body
  background: #333
.btn
  position: absolute
  top: 50%
  left: 50%
  transform: translate(-50%, -50%)
  width: 200px
  text-align: center
  height: 40px
  line-height: 40px
  transition: 0.3s ease
  font-family: Roboto
  text-transform: uppercase
  font-weight: 700
  font-size: 12px
  color: orange
  letter-spacing: 3px
  &::before
    position: absolute
    margin-top: -4px
    margin-left: -82px
    content: ''
    border: 1px orange solid
    height: 40px
    width: 200px
    transition: 0.3s ease
  &::after
    position: absolute
    margin-top: 2px
    margin-left: -119px
    content: ''
    border: 1px orange solid
    height: 40px
    width: 200px
    transition: 0.3s ease
  &:hover
    cursor: pointer
    background: orange
    color: white
    &::before
      position: absolute
      margin-top: -1px
      margin-left: -79px
      content: ''
      border: 1px transparent solid
      height: 40px
      width: 200px
    &::after
      position: absolute
      margin-top: -1px
      margin-left: -122px
      content: ''
      border: 1px transparent solid
      height: 40px
      width: 200px