body { background: black; } .button { background: #FF6600; width: 280px; padding: 14px 0; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); border-radius: 43px; p { font-family: 'arial'; text-align: center; text-transform: uppercase; color: #FFF; user-select: none; } &:hover { cursor: pointer; } &:after { content: ""; display: block; position: absolute; width: 100%; height: 10%; border-radius: 50%; background-color: white; opacity: .5; bottom: -30px; } }