body{
    background-color:#d7c5b7;
    font-family:Klinic Slab;
    
    
}
#container{
    width:960px;
    margin:30px auto;
    background-color:#ffffff;
}

.button{
                position: absolute;
                font-family:Klinic slab bold;
                display:inline-block;
                border-radius: 4px;
                background-color: #5e1211;
                border: none;
                color: #FFFFFF;
                text-align: center;
                font-size: 28px;
                padding: 20px;
                width: 300px;
                transition: all 0.5s;
                cursor: pointer;
                margin: 5px;
                top:1120px;
            }

                .button span{
                cursor: pointer;
                display: inline-block;
                position: relative;
                transition: 0.5s;
            }

                .button span:after{
                content: "\25b6";
                position: absolute;
                opacity: 0;
                top: 0;
                right: -60px;
                transition: 0.5s;
            }

                .button:Hover span{
                padding-right: 50px;
            }

                .button:Hover span:after{
                opacity: 1;
                right: 0;
            }
.button1{
                position: absolute;
                font-family:Klinic slab bold;
                display:inline-block;
                border-radius: 4px;
                background-color: #5e1211;
                border: none;
                color: #FFFFFF;
                text-align: center;
                font-size: 28px;
                padding: 20px;
                width: 300px;
                transition: all 0.5s;
                cursor: pointer;
                margin: auto 335px;
                top:1120px;
            }

                .button1 span{
                cursor: pointer;
                display: inline-block;
                position: relative;
                transition: 0.5s;
            }

                .button1 span:after{
                content: "\25b6";
                position: absolute;
                opacity: 0;
                top: 0;
                right: -100px;
                transition: 0.5s;
            }

                .button1:Hover span{
                padding-right: 50px;
            }

                .button1:Hover span:after{
                opacity: 1;
                right: 0;
            }

.button2{
                position: absolute;
                font-family:Klinic slab bold;
                display:inline-block;
                border-radius: 4px;
                background-color: #5e1211;
                border: none;
                color: #FFFFFF;
                text-align: center;
                font-size: 28px;
                padding: 20px;
                width: 300px;
                transition: all 0.5s;
                cursor: pointer;
                margin: auto 650px;
                top:1120px;
            }

                .button2 span{
                cursor: pointer;
                display: inline-block;
                position: relative;
                transition: 0.5s;
            }

                .button2 span:after{
                content: "\25b6";
                position: absolute;
                opacity: 0;
                top: 0;
                right: -100px;
                transition: 0.5s;
            }

                .button2:Hover span{
                padding-right: 50px;
            }

                .button2:Hover span:after{
                opacity: 1;
                right: 0;
            }

.button3{
                position: absolute;
                font-family:Klinic slab bold;
                display:inline-block;
                border-radius: 4px;
                background-color: #5e1211;
                border: none;
                color: #FFFFFF;
                text-align: center;
                font-size: 28px;
                padding: 20px;
                width: 300px;
                transition: all 0.5s;
                cursor: pointer;
                margin: auto 350px;
                top:1575px;
            }

                .button3 span{
                cursor: pointer;
                display: inline-block;
                position: relative;
                transition: 0.5s;
            }

                .button3 span:after{
                content: "\25b6";
                position: absolute;
                opacity: 0;
                top: 0;
                right: -100px;
                transition: 0.5s;
            }

                .button3:Hover span{
                padding-right: 50px;
            }

                .button3:Hover span:after{
                opacity: 1;
                right: 0;
            }