JSFiddle - React, Tailwind, and code Playground

by DelphinPRO

HTML

<div class="border">
  <div class="border__content">

  </div>
</div>

SCSS

* {
  box-sizing: border-box;
}

body {
  display: flex;
  padding: 1rem;
  background: #001021;
  min-height: 100vh;
}

.border {
  margin: auto;

  width: 150px;
  height: 150px;
  padding: 4px;
  border-radius: 30px;
  background: linear-gradient(to bottom, #818C98, rgba(#818C98, 0.01));

  &__content {
    background: #041A32;
    width: 100%;
    height: 100%;
    border-radius: 28px;
  }
}