.mc-button {
    position: relative;
    padding: 14px 32px;
    border: 0;
    background: #5aa52c;
    color: #fff;
    letter-spacing: 1px;
    text-shadow: 2px 2px #245214;
    cursor: pointer;

    clip-path: polygon(
        10px 0,
        calc(100% - 10px) 0,
        calc(100% - 10px) 3px,
        calc(100% - 3px) 3px,
        calc(100% - 3px) 10px,
        100% 10px,
        100% calc(100% - 10px),
        calc(100% - 3px) calc(100% - 10px),
        calc(100% - 3px) calc(100% - 3px),
        calc(100% - 10px) calc(100% - 3px),
        calc(100% - 10px) 100%,
        10px 100%,
        10px calc(100% - 3px),
        3px calc(100% - 3px),
        3px calc(100% - 10px),
        0 calc(100% - 10px),
        0 10px,
        3px 10px,
        3px 3px,
        10px 3px
    );

    box-shadow:
        inset 0 3px rgba(255,255,255,.18),
        inset 0 -5px rgba(0,0,0,.25);
}

/* Bottom outer outline */
.mc-button::after {
    content: "";
    position: absolute;
    left: 6px;
    right: 6px;
    bottom: -6px;
    height: 6px;
    background: #263d19;
    z-index: -1;
}

.mc-button:hover {
    background: #6bbd36;
}

.mc-button:active {
    transform: translateY(4px);
}