:root {
    --s10: hsl(229, 84%, 5%);
}

.btn-classic {
    font-size: 1.2rem;
    padding: .5em 1em;
    border-radius: 4em;
    border: none;
    outline: none;
    font-family: 'Clash Display', system-ui;
    font-weight: 600;
    transition: all 0.3s ease;
    color: var(--s10);
    background-image: linear-gradient(#ddd, azure);
    box-shadow: 0px .25em 0px slategray;
}

.btn-classic:active {
    transform: translateY(.5em);
    box-shadow: 0px 0px 0px slategray;
}