.shop-page {
    position: relative;
}

/* SHOW PRODUCTS */
#shop-link {
    position: fixed;
    display: block;
    bottom: 2rem;
    right: .5rem;
    rotate: -8deg;
    transition: rotate 500ms;
    z-index: 0;
}

@media only screen and (min-width: 1024px) {
    #shop-link {
        position: absolute;
        top: unset;
        bottom: 20vh;
        right: 2rem;
    }
}

@media (hover: hover) {
    #shop-link:hover {
        rotate: 8deg;
    }
}


/* HIDE PRODUCTS */
.shop-bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.shop-coming_soon {
    position: absolute;
    top: 50vh;
    left: 50vw;
    transform: translate(-50%, -50%) rotate(-8deg);
    z-index: 10;
}