.mchp-navigation-grid{.mchp-navigation-card-link,.mchp-navigation-card-detailed{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.mchp-button-wrapper{display:none;justify-content:center;align-items:center;margin-top:10px;padding-top:10px;.mchp-button{gap:5px;justify-content:center;align-items:center;i{margin:0}
}
.mchp-button.red-outline{color:@tealblue;border:1px solid @tealblue;&:hover{color:@dark-blue;border:1px solid @dark-blue}
}
}
@media screen and (max-width:1024px) and (min-width:768px){.mchp-navigation-card-link,.mchp-navigation-card-detailed{grid-template-columns:repeat(2,1fr);grid-gap:16px}
.mchp-navigation-card-link .mchp-navigation-card-link-list:nth-child(n+5),.mchp-navigation-card-detailed .mchp-category-grid:nth-child(n+5){display:none}
.mchp-button-wrapper{display:flex;grid-column:span 2;padding-top:30px}
}
@media screen and (max-width:767px){.mchp-navigation-card-link,.mchp-navigation-card-detailed{grid-template-columns:1fr}
.mchp-navigation-card-link .mchp-navigation-card-link-list:nth-child(n+5),.mchp-navigation-card-detailed .mchp-category-grid:nth-child(n+5){display:none}
.mchp-button-wrapper{display:flex;position:static}
}
}