.afi-inline-link{
    color: var(--afi-theme-secondary);
    font-weight:600;
    text-decoration:underline;
}
.afi-inline-link:hover{
    color: var(--afi-theme-primary);
}

.afi-big-card{
    margin:40px 0;
    padding:26px;
    border-radius:22px;
    background:#f7f7ff;
    box-shadow:0 14px 36px rgba(0,0,0,.16);
}
.afi-big-card h3{
    text-align:center;
    margin-bottom:20px;
}

.afi-pill-wrap{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:18px;
}

.afi-pill{
    background:linear-gradient(135deg,var(--afi-theme-primary),var(--afi-theme-secondary));
    color:#fff;
    padding:14px 30px 14px 52px;
    border-radius:999px;
    font-weight:600;
    text-decoration:none;
    box-shadow:0 8px 22px rgba(0,0,0,.28);
    transition:.3s;
    position:relative;
}

.afi-pill::before{
    content:'';
    position:absolute;
    left:18px;
    top:50%;
    transform:translateY(-50%);
    width:18px;
    height:18px;
    background:rgba(255,255,255,0.95);
    mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M21 16v-2l-8-5V3.5a1.5 1.5 0 0 0-3 0V9L2 14v2l8-1.5V21l2-1 2 1v-6.5l8 1.5z"/></svg>') no-repeat center;
    -webkit-mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M21 16v-2l-8-5V3.5a1.5 1.5 0 0 0-3 0V9L2 14v2l8-1.5V21l2-1 2 1v-6.5l8 1.5z"/></svg>') no-repeat center;
}

.afi-pill:hover{
    background:linear-gradient(135deg,var(--afi-theme-secondary),var(--afi-theme-primary));
    transform:translateY(-5px);
    box-shadow:0 16px 36px rgba(0,0,0,.35);
}