.btn {
    display: inline-block;
    padding: 16px 36px;
    border-radius: 6px;
    font-weight: 700;
    font-size: 16px;
    text-align: center;
    transition: transform 0.2s, opacity 0.2s;
}

.btn:hover {
    transform: translateY(-2px);
}

.btn-demo {
    background-color: var(--color-main);
    color: var(--color-second);
    box-shadow: 0 4px 12px rgba(33, 36, 39, 0.4);
}

.btn-demo:hover {
    background-color: var(--color-second);
    color: var(--color-main);
}

.btn-buy {
    background-color: var(--color-second);
    color: var(--color-main);
    box-shadow: 0 4px 12px rgba(33, 36, 39, 0.4);
}

.btn-buy:hover {
   background-color: var(--color-main);
    color: var(--color-second);
}