.primary-btn,
.secondary-btn {
    padding: 12px 24px;
    border-radius: 999px;
    border: 0px;
    cursor: pointer;
    transition: 
        background var(--motion-fast) var(--ease-standard),
        color var(--motion-fast) var(--ease-standard),
        box-shadow var(--motion-fast) var(--ease-standard);
}

.primary-btn {
    color: var(--text-primary);
    background: #383838;
    box-shadow: 
    rgba(0, 0, 0, 0.30) 0px -23px 20px 0px inset,
    rgba(0, 0, 0, 0.25) 0px -36px 25px 0px inset,
    rgba(0, 0, 0, 0.18) 0px -79px 35px 0px inset;
}

.primary-btn:hover {
    background: #424242;
}

.secondary-btn {
    background: transparent;
    border: 1px solid #383838;
    color: var(--text-secondary);
    transition: 
        background var(--motion-fast) var(--ease-standard),
        color var(--motion-fast) var(--ease-standard);
}

.secondary-btn:hover {
    color: var(--text-primary);
}