<!-- start Simple Custom CSS and JS -->
<style type="text/css">
.ak-litters-timeline{
display:grid;
grid-template-columns:repeat(6,minmax(0,1fr));
gap:14px;
padding:30px 0 50px;
overflow:visible;
}

.ak-litters-timeline a{
display:flex;
align-items:center;
justify-content:center;
gap:8px;
min-height:72px;
padding:14px 18px;
background:#1d1d1d;
border:1px solid rgba(255,255,255,.12);
border-radius:22px;
color:#d7ff4a;
font-size:1.05rem;
font-weight:800;
text-align:center;
text-decoration:none;
box-shadow:0 0 0 1px rgba(182,255,0,.06) inset;
transition:all .25s ease;
}

.ak-litters-timeline a:hover{
background:#2a2a2a;
border-color:#b6ff00;
color:#fff;
transform:translateY(-2px);
box-shadow:0 10px 30px rgba(0,0,0,.35);
}

.ak-litters-timeline a span{
display:block;
font-weight:900;
color:#b6ff00;
}

@media(max-width:1100px){
.ak-litters-timeline{
grid-template-columns:repeat(4,1fr);
}
}

@media(max-width:900px){
.ak-litters-timeline{
grid-template-columns:repeat(3,1fr);
}
}

@media(max-width:640px){
.ak-litters-timeline{
grid-template-columns:repeat(2,1fr);
}
}

@media(max-width:520px){
.ak-litters-timeline{
grid-template-columns:1fr;
}
}

.ak-litters-card .ak-litters-button{
display:inline-flex;
align-items:center;
justify-content:center;
padding:14px 28px;
min-width:170px;
border-radius:999px;
background:transparent;
border:1px solid #b6ff00;
color:#b6ff00 !important;
font-size:15px !important;
font-weight:800;
text-decoration:none;
transition:all .25s ease;
box-shadow:none;
}

.ak-litters-card .ak-litters-button:hover{
background:#b6ff00;
color:#050505 !important;
transform:translateY(-2px);
box-shadow:0 10px 25px rgba(182,255,0,.25);
}

.ak-litters-card .ak-litters-button:after{
content:"Detail vrhu";
}</style>
<!-- end Simple Custom CSS and JS -->
