button.spring-more {
    font-weight: 600;
    color: #382b22;
    text-transform: uppercase;
    padding: 1.25em 2em;
    background: #fff0f0;
    border: 2px solid #b18597;
    border-radius: 0.75em;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition: background 150ms cubic-bezier(0, 0, 0.58, 1), -webkit-transform 150ms cubic-bezier(0, 0, 0.58, 1);
    transition: transform 150ms cubic-bezier(0, 0, 0.58, 1), background 150ms cubic-bezier(0, 0, 0.58, 1), -webkit-transform 150ms cubic-bezier(0, 0, 0.58, 1);
}

    button.spring-more::before {
        position: absolute;
        content: '';
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        /*background: #f9c4d2;*/
        /*background: #86A7FC;*/
        background: #C9CBFF;
        /*background: #D2E0FB;*/
        border-radius: inherit;
        -webkit-box-shadow: 0 0 0 2px #b18597, 0 0.625em 0 0 #ffe3e2;
        /*box-shadow: 0 0 0 2px #b18597, 0 0.625em 0 0 #ffe3e2;*/
        /*box-shadow: 0 0 0 2px #D9D7F1, 0 0.625em 0 0 #D9D7F1;*/
        /* box-shadow: 0 0 0 2px #D9D7F1, 0 0.925em 0 0 #C299FC;*/
        box-shadow: 0 0 0 2px #D9D7F1, 0 0.725em 0 0 #C299FC;
        /*   box-shadow: 0 0 0 2px #D9D7F1, 0 0.925em 0 0 #C9CBFF;*/
        -webkit-transform: translate3d(0, 0.75em, -1em);
        transform: translate3d(0, 0.45em, -1em);
        transition: transform 150ms cubic-bezier(0, 0, 0.58, 1), box-shadow 150ms cubic-bezier(0, 0, 0.58, 1), -webkit-transform 150ms cubic-bezier(0, 0, 0.58, 1), -webkit-box-shadow 150ms cubic-bezier(0, 0, 0.58, 1);
    }

    button.spring-more:hover {
        background: #ffe9e9;
        -webkit-transform: translate(0, 2.95em);
        transform: translate(0, 0.75em);
    }

        button.spring-more:hover::before {
            /*   -webkit-box-shadow: 0 0 0 2px #b18597, 0 0.5em 0 0 #ffe3e2;
            box-shadow: 0 0 0 2px #b18597, 0 0.5em 0 0 #ffe3e2;*/
            -webkit-box-shadow: 0 0 0 2px #b18597, 0 0.3em 0 0 #B5DEFF;
            /*box-shadow: 0 0 0 2px #b18597, 0 0.5em 0 0 #B5DEFF;*/
            box-shadow: 0 0 0 2px #b18597, 0 0.3em 0 0 #C299FC;
            -webkit-transform: translate3d(0, 0.4em, -1em);
            transform: translate3d(0, 0.5em, -1em);
        }

    button.spring-more:active {
        background: #ffe9e9;
        -webkit-transform: translate(0em, 0.75em);
        transform: translate(0em, 0.75em);
    }

        button.spring-more:active::before {
            -webkit-box-shadow: 0 0 0 2px #b18597, 0 0 #ffe3e2;
            box-shadow: 0 0 0 2px #b18597, 0 0 #ffe3e2;
            -webkit-transform: translate3d(0, 0, -1em);
            transform: translate3d(0, 0, -1em);
        }



        /**************************************************************//**/


button.spring2-more {
    font-weight: 600;
    color: #382b22;
    text-transform: uppercase;
    padding: 1.25em 2em;
    background: #fff0f0;
    border: 2px solid #b18597;
    border-radius: 0.75em;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition: background 150ms cubic-bezier(0, 0, 0.58, 1), -webkit-transform 150ms cubic-bezier(0, 0, 0.58, 1);
    transition: transform 150ms cubic-bezier(0, 0, 0.58, 1), background 150ms cubic-bezier(0, 0, 0.58, 1), -webkit-transform 150ms cubic-bezier(0, 0, 0.58, 1);
}

    button.spring2-more::before {
        position: absolute;
        content: '';
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        /*background: #f9c4d2;*/
        /*background: #86A7FC;*/
        background: #C9CBFF;
        /*background: #D2E0FB;*/
        border-radius: inherit;
        -webkit-box-shadow: 0 0 0 2px #b18597, 0 0.625em 0 0 #ffe3e2;
        /*box-shadow: 0 0 0 2px #b18597, 0 0.625em 0 0 #ffe3e2;*/
        /*box-shadow: 0 0 0 2px #D9D7F1, 0 0.625em 0 0 #D9D7F1;*/
        /* box-shadow: 0 0 0 2px #D9D7F1, 0 0.925em 0 0 #C299FC;*/
        box-shadow: 0 0 0 2px #D9D7F1, 0 0.375em 0 0 #C299FC;
        /*   box-shadow: 0 0 0 2px #D9D7F1, 0 0.925em 0 0 #C9CBFF;*/
        -webkit-transform: translate3d(0, 0.7em, -1em);
        transform: translate3d(0, 0.4em, -1em);
        transition: transform 150ms cubic-bezier(0, 0, 0.58, 1), box-shadow 150ms cubic-bezier(0, 0, 0.58, 1), -webkit-transform 150ms cubic-bezier(0, 0, 0.58, 1), -webkit-box-shadow 150ms cubic-bezier(0, 0, 0.58, 1);
    }

    button.spring2-more:hover {
        background: #ffe9e9;
        -webkit-transform: translate(0, 2.95em);
        transform: translate(0, 0.75em);
    }

        button.spring2-more:hover::before {
            /*   -webkit-box-shadow: 0 0 0 2px #b18597, 0 0.5em 0 0 #ffe3e2;
            box-shadow: 0 0 0 2px #b18597, 0 0.5em 0 0 #ffe3e2;*/
            -webkit-box-shadow: 0 0 0 2px #b18597, 0 0.3em 0 0 #B5DEFF;
            /*box-shadow: 0 0 0 2px #b18597, 0 0.5em 0 0 #B5DEFF;*/
            box-shadow: 0 0 0 2px #b18597, 0 0.3em 0 0 #C299FC;
            -webkit-transform: translate3d(0, 0.4em, -1em);
            transform: translate3d(0, 0.5em, -1em);
        }

    button.spring2-more:active {
        background: #ffe9e9;
        -webkit-transform: translate(0em, 0.75em);
        transform: translate(0em, 0.75em);
    }

        button.spring2-more:active::before {
            -webkit-box-shadow: 0 0 0 2px #b18597, 0 0 #ffe3e2;
            box-shadow: 0 0 0 2px #b18597, 0 0 #ffe3e2;
            -webkit-transform: translate3d(0, 0, -1em);
            transform: translate3d(0, 0, -1em);
        }