.btn {
    display: inline-block;
    border: none;
    outline: none;
    box-sizing: border-box;
    padding: 10px;
    padding-left: 30px;
    padding-right: 30px;
    border-radius: 3px;
    font-family: var(--font-default);
    text-decoration-style: none;
    text-decoration: none;
    transition: all 0.3s;
}

.btn-primary {
    background-image: linear-gradient(90deg, #1d75c7, #2372cc);
    color: white;
}

.btn:hover {
    box-shadow: inset 0 1px 3px rgba(255, 255, 255, 0.4), inset 0 -3px 8px rgba(0, 0, 0, 0.4);
    transform: translateY(-3px);
}