section .product-index {
    position: absolute;
    transition: all 0.4s ease-in-out;
    display: flex;
    flex-direction: column;
    text-align: center;
    top: 0vh;
    right: 10%;
    z-index: 2;
}

section .product-index a {
    font-size: 1vw;
    font-weight: 600;
    padding: 1.5vh 1vw;
    margin: 2vh 0 0;
    letter-spacing: 3px;
    writing-mode: vertical-rl;
    text-orientation: upright;
    transition: color 0.4s ease-in;
    color: #797979;
    background-color: #efefef;
    box-shadow: inset -1px -2px 4px rgba(64, 42, 12, 0.1764705882);
    border-radius: 8px;

    background: rgba(238, 238, 238, 0.72);
    border: 1px solid rgba(40, 40, 40, .08);
    border-radius: 32px;
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    box-shadow: 0 18px 40px rgba(0, 0, 0, .08), inset 0 1px 0 rgba(255, 255, 255, .55);
}

section .product-index a:hover {
    color: #474747;
    background-color: #f6aa31;
}