section.quicknavigation.hs_quicknav {
position: fixed;
top: 50%;
right: 0;
left: auto;
transform: translateY(-50%);
z-index: 50;
width: auto;
}
section.quicknavigation.hs_quicknav .quicknavigation_container {
display: flex;
flex-direction: column;
gap: 12px;
}
section.quicknavigation.hs_quicknav .quicknavigation_item {
height: auto;
width: auto;
margin: 0;
padding: 0;
}
section.quicknavigation.hs_quicknav .quicknavigation_item_content {
display: flex !important;
align-items: center;
justify-content: center;
width: 52px;
height: 52px;
padding: 0;
background: #fff;
color: var(--hs-dark);
text-decoration: none;
box-shadow: 0 6px 18px rgba(31, 41, 55, 0.10);
transition: background 0.35s ease, color 0.35s ease, box-shadow 0.35s ease, transform 0.35s ease;
transform: none !important;
}
section.quicknavigation.hs_quicknav .quicknavigation_item_content:hover {
background: var(--hs-gold);
color: #fff;
box-shadow: 0 10px 26px rgba(171, 143, 80, 0.35);
transform: translateX(-3px) !important;
}
section.quicknavigation.hs_quicknav .quicknavigation_item_content:focus-visible {
outline: 2px solid var(--hs-gold);
outline-offset: 3px;
}
section.quicknavigation.hs_quicknav .quicknavigation_image_container {
display: flex;
align-items: center;
justify-content: center;
width: auto;
height: auto;
padding: 0;
margin: 0;
cursor: pointer;
}
section.quicknavigation.hs_quicknav .hs_quicknav_icon {
width: 26px;
height: 26px;
display: block; }
@media (max-width: 768px) {
section.quicknavigation.hs_quicknav .quicknavigation_container { gap: 8px; }
section.quicknavigation.hs_quicknav .quicknavigation_item_content {
width: 44px;
height: 44px;
}
section.quicknavigation.hs_quicknav .hs_quicknav_icon {
width: 22px;
height: 22px;
}
}
@media (max-width: 449.98px) {
section.quicknavigation.hs_quicknav { display: none; }
}
@media print {
section.quicknavigation.hs_quicknav { display: none; }
}