.inteAnchor {padding: 40px 0; display: flex; align-items: center; gap: 24px;max-width: 1280px; width: calc(100% - 64px); margin: 0 auto;}
.inteAnchor p {font: 16px/normal SFR-Bold;}
.inteAnchor .hidden {display: none;}
.inteAnchor nav {display: flex;position: relative;}
.inteAnchor button {height: 36px; width: 36px;background: white;display: flex;align-items: center;justify-content: center;cursor: pointer;}
.inteAnchor button.left {position: sticky;left: -1px;top: 0;bottom: 0;}
.inteAnchor button.right {position: sticky;right: -1px;top: 0;bottom: 0;}
.inteAnchor ul {display: flex; gap: 8px; align-items: center;list-style-type: none;justify-content: center;overflow-x: auto;overflow-y: hidden;-ms-overflow-style: none;scrollbar-width: none;scroll-behavior: smooth;scroll-snap-type: x mandatory;}
.inteAnchor li {display: flex;min-width: fit-content;}
.inteAnchor ul a {text-decoration: none;padding: 8px 16px;font: 14px / 18px SFR-Regular;border: 1px solid var(--clr-grey);border-radius: 24px;text-align: center;position: relative;}
.inteAnchor ul a:hover {color: white;border: 1px solid #3F3F46;background: #3F3F46;}
.inteAnchor ul a:focus-visible {outline: 0;outline-offset: 0;}
.inteAnchor ul a:focus-visible:before {content: "";position: absolute;width: calc(100% - 4px);height: calc(100% - 4px);border: 2px solid var(--clr-black);left: 0px;top: 0px;overflow: hidden;border-radius: 24px;}
.inteAnchor ul a:focus-visible:after {content: "";position: absolute;width: calc(100% - 6px);height: calc(100% - 6px);border: 2px solid #fff;left: 1px;top: 1px;overflow: hidden;border-radius: 24px;}

@media all and (max-width: 1100px) {
    .inteAnchor {width: calc(100% - 32px); max-width: 486px; flex-direction: column; gap: 16px; align-items: baseline;}
    .inteAnchor nav {width: 100%;}
   	.inteAnchor ul {justify-content: unset;}
}