.service-grid .service-icon {
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    display: grid;
    place-items: center;
    border-radius: 10px;
    color: #0e7680;
    background: #eaf4f3;
    transition: color .2s ease, background .2s ease, transform .2s ease;
}

.service-grid .service-icon svg {
    width: 23px;
    height: 23px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.service-grid > a:hover .service-icon,
.service-grid > a:focus .service-icon {
    color: #ffffff;
    background: #0e7680;
    transform: translateY(-2px);
}

@media (max-width: 600px) {
    .service-grid .service-icon {
        width: 38px;
        height: 38px;
        flex-basis: 38px;
    }
}