/* FIX 6: Button Positioning and Sizing (Now correctly defines the wrapper size) */
    #amazon-button-red-wrapper,
    #barnesnoble-button-red-wrapper,
    #info-button-blue-wrapper,
    #amazon-button-green-wrapper,
    #barnesnoble-button-green-wrapper,
    #amazon-button-gold-wrapper,
    #barnesnoble-button-gold-wrapper {
        position: absolute;
        z-index: 20;
    }

    /* All ornaments positioned relative to the bottom of #main-image-container.
    Use width/height to control the size and left/right to control the distance from that respective side */

    #amazon-button-red-wrapper {
        bottom: 77%; 
        width: 10%; 
        height: 10%; 
        left: 14%;
    }
                
    #barnesnoble-button-red-wrapper {
        bottom: 77%; 
        width: 10%; 
        height: 10%;
        right: 14%;
    }
  
    #info-button-blue-wrapper {
        bottom: 2%; 
        width: 4%; 
        height: 4%; 
        right: 8%;
    }
    #amazon-button-green-wrapper {
        bottom: 77%; 
        width: 11%; 
        height: 11%; 
        left: 14%;
    }
                
    #barnesnoble-button-green-wrapper {
        bottom: 77%; 
        width: 10%; 
        height: 10%;
        right: 14%;
    }
    #amazon-button-gold-wrapper {
        bottom: 77%; 
        width: 10%; 
        height: 10%; 
        left: 14%;
    }
                
    #barnesnoble-button-gold-wrapper {
        bottom: 77%; 
        width: 10%; 
        height: 10%;
        right: 14%;
    }

    /* FIX 7: Button Roundness and Image Fix (retains previous successful styles) */
    .custom-btn {
        height:100%;
        width: 100%;
        max-width: 100%;
        color: #fff;
        border-radius: 50%;
        padding: 0; 
        text-shadow: 0px -1px 0px rgba(0,0,0,0.4);
        background: transparent;
        cursor: pointer;
        position: relative;
        display: inline-block;
        box-shadow: inset .5em .5em .5em rgba(255,255,255,1),.5em .5em .5em rgba(0,0,0,0.3);
        outline: none;
        border: 1px solid #ba6;
    }
    
    /* ... keep metallic button and image styling ... */
    .custom-btn:active{
        -webkit-transform: translateY(1.5vh);
        transform: translateY(1.5vh);
    }
    .btn-red{
        border-color: #d97f8a;
        background: -webkit-gradient(linear, left top, left bottom, from(#fc021f), to(#bf0117));
    }
    .btn-green{
        border-color: #0d5119;
        background: -webkit-gradient(linear, left top, left bottom, from(#41983b), to(#1ba722));
    }
    .btn-blue{
        border-color: #02205f;
        background: -webkit-gradient(linear, left top, left bottom, from(#252d76), to(#0d2c7b));
    }
    .btn-gold{
        border-color: #c78c48;
        background: -webkit-gradient(linear, left top, left bottom, from(#c78c48), to(#c8781d));
    }
    .custom-btn img {
        width: 70%; 
        height: auto;
        display: block;
        object-fit: contain;
        position: absolute; 
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        border-radius: 0;
    }