button {
    --color: #000000;
    --bg-color: #5cb85c;
    width: 63%;
    color: var(--color);
    background-color: var(--bg-color);
    padding: 15px 40px 15px 40px;
    margin: 10px;
    font-size: 20px;
    shape-rendering: crispEdges;
    border: 0;
    box-shadow:
        0px 5px black,
        0px -5px black,
        5px 0px black,
        -5px 0px black,
        0px 10px #00000038,
        5px 5px #00000038,
        -5px 5px #00000038,
        inset 0px 5px #ffffff36;
    cursor: pointer;
}

button:active {
    transform: translateY(5px);
    box-shadow:
        0px 5px black,
        0px -5px black,
        5px 0px black,
        -5px 0px black,
        inset 0px 5px #00000038;
}