.main-button {
    display: inline-block;
    background-color: var(--color-first);
    padding: 18px 20px;
    box-shadow: 5px 5px 0px #000;
    align-items: center;
    color: #FFF;
    font-size: 20px;
    font-weight: 500;
    text-decoration: none;
    transition: transform 0.1s linear;
}

.main-button:hover {
    background-color: #7150b9;
    transform:scale(1.05);
}

.main-button.-bgSecond {
    background-color: var(--color-second);
}

.main-button.-bgSecond:hover {
    background-color: #768521;
    transform:scale(1.05);
}

.main-button.-full {
    width: 100%;
}

.main-button.-full:hover {
    transform:scale(1.02);
}