.gate-type[href] {
    position: relative;
    padding-right: 2px;
    cursor: pointer;
}

.gate-type[href]:hover {
    padding-left: 8px;
    color: var(--accent);
}

.gate-type[href]:hover strong {
    color: var(--accent);
}

.gate-type[href]:focus-visible {
    outline: 2px solid var(--accent);
    outline-offset: 4px;
}

.gate-type[href] .gate-type-arrow {
    font-size: 15px;
}