.g1-collection-more {
    overflow: hidden;
    position: relative;
    padding-bottom: 0.75em; // Some white-space to show the button shadow.
    margin-bottom: 0.75em;
    text-align: center;

    .g1-button {
        width: 100%;
    }
}

.g1-collection-more-spinner {
    display: none;
    position: absolute;
    #{$left}: 50%;
    #{$right}: auto;
    top: 50%;
    margin-top: -0.5em;
    margin-#{$left}: -0.5em;

    font-size: 21px;

    -webkit-animation: g1-anim-spin 2s infinite linear;
    animation: g1-anim-spin 2s infinite linear;

    &:before {
        font-family: "bimber";
        font-style: normal;
        content: "\e01d";
    }
}

.g1-collection-more-inner {
    max-width: $grid_width - $grid_gutter_width;
    margin-#{$left}: auto;
    margin-#{$right}: auto;
}

@if 'original' == $stack {
    .g1-collection-more-inner {
        display: inline-block;
        position: relative;
        max-width: 100%;

        &:before {
            display: block;
            width: 999px;
            height: 0;
            border-width: 1px 0 0;
            margin-#{$right}: 20px;

            position: absolute;
            #{$right}: 100%;
            #{$left}: auto;
            top: 50%;

            border-style: solid;

            content: "";

            opacity: 0.1667;
        }

        &:after {
            display: block;
            width: 999px;
            height: 0;
            border-width: 1px 0 0;
            margin-#{$left}: 20px;

            position: absolute;
            #{$left}: 100%;
            #{$right}: auto;
            top: 50%;

            border-style: solid;

            content: "";

            opacity: 0.1667;
        }
    }

    .g1-collection-more {
        .g1-button {
            max-width: 100%;
            width: 364px;
        }
    }
}

@if ( 'miami' == $stack ) {
    .g1-collection-more-inner {
        max-width: 758px;
    }
}

@if ( 'cards' == $stack ) {
    .g1-collection-more-inner {
        max-width: 758px;
    }
}



.g1-collection-more-loading {
    .g1-button {
        visibility: hidden;
    }

    .g1-collection-more-spinner {
        display: block;
    }
}


