/* =========================================
   TOOLVERSE LEGAL RECOMMEND SECTION
========================================= */

.gx-recommend{

margin:40px 0;
}

/* TITLE */

.gx-recommend-title{

font-size:36px;
font-weight:900;

margin-bottom:24px;

line-height:1.1;

background:
linear-gradient(
90deg,
#a855f7,
#6366f1,
#06b6d4
);

-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
}

/* CARD */

.gx-recommend-card{

display:flex;
align-items:center;
justify-content:space-between;

gap:20px;

padding:22px;

margin-bottom:18px;

border-radius:28px;

background:
linear-gradient(
145deg,
rgba(10,18,40,.96),
rgba(6,14,32,.98)
);

border:
1px solid rgba(139,92,246,.12);

box-shadow:
0 10px 40px rgba(0,0,0,.34),
0 0 25px rgba(139,92,246,.04);

backdrop-filter:blur(18px);

-webkit-backdrop-filter:blur(18px);

transition:.18s ease;
}

.gx-recommend-card:hover{

transform:
translateY(-3px);

box-shadow:
0 16px 36px rgba(99,102,241,.12);
}

/* ICON */

.gx-recommend-icon{

width:72px;
height:72px;

min-width:72px;

border-radius:24px;

display:flex;
align-items:center;
justify-content:center;

font-size:34px;

background:
linear-gradient(
135deg,
#7c3aed,
#2563eb
);

box-shadow:
0 8px 22px rgba(99,102,241,.22);
}

/* CONTENT */

.gx-recommend-content{

flex:1;

min-width:0;
}

.gx-recommend-content h4{

margin:0 0 10px;

font-size:22px;
font-weight:800;

line-height:1.2;

color:#ffffff;
}

.gx-recommend-content p{

margin:0;

font-size:14px;

line-height:1.7;

color:#cbd5e1;
}

/* BUTTON */

.gx-recommend-btn{

display:inline-flex;

align-items:center;
justify-content:center;

height:50px;

padding:0 22px;

border-radius:18px;

font-size:14px;
font-weight:800;

white-space:nowrap;

text-decoration:none !important;

color:#ffffff !important;
-webkit-text-fill-color:#ffffff !important;

background:
linear-gradient(
90deg,
#7c3aed,
#4f46e5,
#2563eb
);

box-shadow:
0 8px 20px rgba(99,102,241,.22);

transition:.18s ease;
}

.gx-recommend-btn:hover{

transform:
translateY(-2px);

filter:brightness(1.06);

color:#ffffff !important;
}

/* =========================================
   TABLET
========================================= */

@media(max-width:768px){

.gx-recommend-title{

font-size:28px;
}

.gx-recommend-card{

flex-direction:column;

align-items:flex-start;

padding:20px;

border-radius:24px;
}

.gx-recommend-icon{

width:64px;
height:64px;

min-width:64px;

font-size:30px;

border-radius:20px;
}

.gx-recommend-content h4{

font-size:20px;
}

.gx-recommend-content p{

font-size:13px;
}

.gx-recommend-btn{

width:100%;

height:48px;

font-size:13px;

border-radius:16px;
}

}

/* =========================================
   MOBILE
========================================= */

@media(max-width:480px){

.gx-recommend-title{

font-size:24px;
}

.gx-recommend-card{

padding:18px;

border-radius:22px;
}

.gx-recommend-icon{

width:58px;
height:58px;

min-width:58px;

font-size:26px;
}

.gx-recommend-content h4{

font-size:18px;
}

.gx-recommend-content p{

font-size:12px;
}

.gx-recommend-btn{

height:46px;

font-size:12px;
}

}