.kok-member-nav {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem 1.5rem;
    margin-top: 2rem;
}

.kok-member-nav__link {
    position: relative;
    display: inline-block;
    padding: .35rem 0;
    color: #fff;
    font-size: .8rem;
    font-weight: 500;
    letter-spacing: .18em;
    text-transform: uppercase;
    text-decoration: none;
    transition: var(--kok-transition);
}

.kok-member-nav__link::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(
        90deg,
        var(--kok-gold) 0%,
        rgba(197,155,92,.85) 70%,
        rgba(197,155,92,0) 100%
    );
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .4s ease;
}

.kok-member-nav__link:hover,
.kok-member-nav__link.is-active {
    color: var(--kok-gold);
}

.kok-member-nav__link:hover::after,
.kok-member-nav__link.is-active::after {
    transform: scaleX(1);
}

.kok-logout-link {
  display: inline-flex;
  align-items: center;
  margin-left: .8rem;
  text-decoration: none;
}

.kok-logout-link::after {
  content: "→";
  color: var(--kok-gold);
  font-size: 1.8rem;
  line-height: 1;
  transition: var(--kok-transition);
}

.kok-logout-link:hover::after {
  transform: translateX(.2rem);
}

.row-masonry .gallery-col .box-image{
    border:7px solid
}

.row-masonry .gallery-col img{
    display:block;
}