* {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            /*padding: 20px;*/
            font-family: sans-serif;
        }


        .friend-links {
            max-width: 1200px;
            margin: 37px auto;
        }


        .links-title {
            font-size: 1.4rem;
            color: #333;
            margin-bottom: 15px;
            border-bottom: 1px solid #eee;
            padding-bottom: 8px;
        }


        .links-list {
            display: flex;
            flex-wrap: wrap;
            gap: 10px; 
        }


        .link-item {
            /*flex: 1 1 180px;*/
            padding: 10px 15px;
            background: #f8f8f8;
            border-radius: 4px;
            text-align: center;
        }


        .link-item a {
            text-decoration: none;
            color: #333;
            display: block;
        }


        .link-item a:hover {
            color: #0066cc;
        }


        @media (max-width: 480px) {
            .link-item {
                /*flex: 1 1 100%;*/
            }
        }