@media (width > 960px) {
    .head {
        margin-top: 24px;
    }
    .s-head {
        align-items: center !important;
        justify-content: space-between !important;
        flex-direction: row !important;
        padding-bottom: 4px;
    }
    .section .links {
        display: flex;
        flex-direction: row;
    }
    .section .links a:nth-child(1) {
        border-radius: 4px 0 0 4px;
    }
    .section .links a:nth-last-child(1) {
        border-radius: 0 4px 4px 0;
    }
    .section .links a {
        padding-right: 10px;
        flex: 1;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .section .links a:hover .icon {
        margin-left: 3px;
    }
}

@media (hover: hover) {
    .section .links a:hover .icon {
        transform: perspective(24px) rotateY(0deg) scale(1);
        width: var(--i-size);
        transition-property: transform, width;
        transition-duration: calc(var(--transition-d) * 1.25);
    }
    .section .links a:hover {
        transition-duration: calc(var(--transition-d) / 1.5);
        transition-property:
            background, border-color, color, font-weight, transform,
            border-radius;
        background: var(--hover-bg);
        border-color: var(--hover-bg);
        color: var(--hover-col);
        font-weight: 600;
    }
    .project:hover,
    .post:hover,
    .window .open-btn:hover {
        transition-duration: var(--transition-d);
        transition-property: background, outline, transform;
        background: var(--h-col);
    }
}