.btn-1, form input[type="submit"] {
    display: inline-block;
    background-color : var(--color-light);
    color: var(--color-dark);
    border-radius: 100px;
    padding: 15px;
    cursor: pointer;
    border: none;
    transition: background-color .2s ease, color .2s ease
}

.btn-1:hover, form input[type="submit"]:hover {
    background-color: #ffffffc1;
}

.btn-2 {
    display: inline-block;
    background-color: var(--color-dark);
    color: var(--color-light);
    border-radius: 100px;
    padding: 15px;
    cursor: pointer;
    transition: background-color .2s ease, color .2s ease
}

.btn-2:hover {
    background-color: var(--color-light);
    color: var(--color-dark)!important;
}

.btn-3 {
    display: inline-block;
    color: var(--color-primary)!important;
    border: solid 1px var(--color-primary)!important;
    border-radius: 100px;
    padding: 15px!important;
    cursor: pointer;
    text-align: center;
    font-weight: bold;
    background-color: transparent;
    transition: background-color .2s ease, color .2s ease
}

.btn-3:hover {
    background-color: var(--color-primary)!important;
    color: var(--color-light)!important;
}

.btn-4 {
    display: inline-block;
    background-color: var(--color-secondary);
    color: var(--color-light);
    border-radius: 100px;
    padding: 15px;
    cursor: pointer;
    transition: background-color .2s ease, color .2s ease
}

.btn-4:hover {
    background-color: #008eb3;
    color: var(--color-light)!important;
}

.btn-5 {
    display: inline-block;
    background-color: var(--color-primary);
    color: var(--color-light);
    border-radius: 100px;
    padding: 15px;
    cursor: pointer;
    transition: background-color .2s ease, color .2s ease
}

.btn-5:hover {
    background-color: var(--color-secondary);
    color: var(--color-light)!important;
}

.btn-6 {
    display: inline-block;
    color: var(--color-light)!important;
    border: solid 1px var(--color-light)!important;
    border-radius: 100px;
    padding: 15px!important;
    cursor: pointer;
    text-align: center;
    font-weight: bold;
    background-color: transparent;
    transition: background-color .2s ease, color .2s ease
}

.btn-6:hover {
    background-color: var(--color-gray)!important;
    color: var(--color-dark)!important;
}

.btn-digital,
.btn-marketing,
.btn-commerce {
    display: inline-block;
    color: var(--color-light);
    border-radius: 100px;
    padding: 15px;
    cursor: pointer;
    transition: background-color .2s ease, color .2s ease
}

.btn-digital {
    background-color: var(--color-digital);
}

.btn-marketing {
    background-color: var(--color-marketing);
}

.btn-commerce {
    background-color: var(--color-commerce);
}

.btn-digital:hover,
.btn-merketing:hover,
.btn-commerce:hover {
    background-color: var(--color-dark);
    color: var(--color-light)!important;
}

@media screen and (max-width: 768px) {
    .btn-1, form input[type="submit"], .btn-2 {
        padding: 6px 16px;
    }
}