.services .page-content .service-title a {
    -webkit-filter: grayscale(100%);
      filter: grayscale(100%);
      color: var(--text-color);
      transition: 0.7s;
}

.services .page-content .service-title a:hover {
    -webkit-filter: none;
      filter: none;
      color: var(--main-color);
      transition: 0.7s;
}

.services .page-content .service button {
    color: var(--text-color);
    background: no-repeat;
    border: 1px solid var(--text-color);
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 30px;
    padding-right: 30px;
    margin-top: 20px;
    margin-bottom: 100px;
    transition: 0.7s;
}

.services .page-content .service button:hover {
    color: var(--text-white);
    background-color: var(--main-color);
    transition: 0.7s;
    border: 1px solid var(--main-color);
}