/* ===== PORTAL LINKS ===== */

.portal-link{
display:block;

margin-top:40px;

text-decoration:none;
color:#fff;

border:
1px solid rgba(65,180,255,0.28);

box-shadow:
0 0 0 1px rgba(65,180,255,0.06),
0 8px 32px rgba(0,0,0,0.28);
}

/* small blue label */

.portal-mini-label{
display:block;

margin-bottom:14px;

font-size:.72rem;
letter-spacing:3px;
text-transform:uppercase;

color:#41b4ff;
opacity:.88;
}

/* title */

.portal-link h3{
display:flex;
align-items:center;
gap:10px;

font-family:"Special Elite", monospace;
font-size:1.5rem;
line-height:1.1;
}

/* arrow */

.portal-link h3::after{

content:"↗";

font-size:1rem;

opacity:.72;

transition:
transform .3s ease,
opacity .3s ease;
}

/* hover */

.portal-link:hover h3::after{

transform:
translateX(4px)
translateY(-2px);

opacity:1;
}

.portal-link:hover{

transform:
translateY(-4px);

border-color:
rgba(65,180,255,0.55);

box-shadow:
0 0 0 1px rgba(65,180,255,0.14),
0 12px 40px rgba(0,0,0,0.34),
0 0 22px rgba(65,180,255,0.12);
}


/* text */

.portal-link p{
margin-top:18px;

line-height:1.8;
opacity:.84;
}

/* tags */

.portal-tags{
display:flex;
flex-wrap:wrap;
gap:12px;

margin-top:22px;
}

.portal-tags span{

padding:10px 18px;

border-radius:999px;

background:
rgba(255,255,255,0.05);

border:
1px solid rgba(255,255,255,0.08);

font-size:.92rem;

opacity:.92;
}