a#btn_oldnavy {
    display: inline-block;
    height: 70px;
    box-sizing: border-box;
    border-radius: 50%;
    margin: auto;
    margin-top: 95px;
    padding: 20px 40px 0 40px;
    background-color: #262faa;
    border: 4px solid rgb(39, 147, 235);
    color: #fff;
    font-size: 20px;
    font-family:'Trebuchet MS', sans-serif;
    text-transform: uppercase;
    font-weight: bold;
    text-decoration: none;
    transition: all .2s;
}

a#btn_oldnavy:hover{
    background-color: rgb(39, 147, 235);
    border: 4px solid #262faa;
    color: #fff;
    font-size: 30px;
    padding: 15px 40px 0 40px;
}


a#btn_facebook{
    display: block;
    width: 100px;
    height: 100px;
    box-sizing: border-box;
    border-radius: 50px;
    margin: auto;
    margin-top: 75px;
    padding-top: 30px;
    padding-left: 30px;
    background-color: #1755c7;
    color: #fff;
    text-align: center;
    font-size: 60px;
    transition: all .2s;
}


a#btn_facebook:hover{
    background-color: #fff;;
    color: #1755c7;
    padding-top: 8px;
    padding-left: 0;
}


a#btn_instagram {
    display: block;
    width: 150px;
    height: 150px;
    box-sizing: border-box;
    border-radius: 50px;
    margin: auto;
    margin-top: 50px;
    padding-top: 33px;
    padding-left: 0px;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#b130f2+0,d628d3+36,ef8b26+72,f9f686+100 */
    background: #b130f2; /* Old browsers */
    background: -moz-linear-gradient(top,  #b130f2 0%, #d628d3 36%, #ef8b26 72%, #f9f686 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #b130f2 0%,#d628d3 36%,#ef8b26 72%,#f9f686 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #b130f2 0%,#d628d3 36%,#ef8b26 72%,#f9f686 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b130f2', endColorstr='#f9f686',GradientType=0 ); /* IE6-9 */

    color: white;
    text-align: center;
    font-size: 60px;
    transition: all .5s;
}

a#btn_instagram:hover{
    background-color: white;
    color: black;  
    font-size: 90px; 
    padding-top: 15px; 
}


a#btn_michael-kors {
    display: inline-block;
    height: 70px;
    box-sizing: border-box;
    border-radius: 0%;
    margin: auto;
    margin-top: 95px;
    padding: 28px 40px 0 40px;
    background-color: #000000;
    border: 2px solid rgb(99, 99, 99);
    color: rgb(59, 59, 59);
    font-size: 10px;
    font-family:'Trebuchet MS', sans-serif;
    text-transform: uppercase;
    font-weight: bold;
    text-decoration: none;
    box-shadow: 0 0 20px rgb(131, 131, 131);
    transition: all .2s;
}

a#btn_michael-kors:hover{
    background-color: #fff;
    border: 2px solid rgb(201, 201, 201);
    color: rgb(131, 131, 131);
    box-shadow: 0 0 20px #242424;
    font-size: 20px;
    padding: 20px 40px 0 40px
}


a#btn_nike {
    display: inline-block;
    height: 90px;
    box-sizing: border-box;
    border-radius: 0%;
    margin: auto;
    margin-top: 80px;
    padding: 20px 40px 0 40px;
    background-color: rgb(255, 255, 255);
    border: 2px solid rgb(0, 0, 0);
    color: rgb(223, 109, 33);
    font-size: 40px;
    font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
    text-transform:uppercase;
    font-weight: bold;
    font-style: italic;
    text-decoration: none;
    transition: all .4s;
}

a#btn_nike:hover{
    background-color: rgb(0, 0, 0);
    border: 15px solid rgb(223, 109, 33);
    color: rgb(255, 255, 255);
    font-size: 20px;
    padding: 18px 40px 0 40px
}


a#btn_npr {
    display: inline-block;
    height: 70px;
    box-sizing: border-box;
    border-radius: 0%;
    margin: auto;
    margin-top: 95px;
    padding: 20px 40px 0 40px;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e01304+0,000000+40,000000+65,007dea+100 */
    background: #e01304; /* Old browsers */
    background: -moz-linear-gradient(left,  #e01304 0%, #000000 40%, #000000 65%, #007dea 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #e01304 0%,#000000 40%,#000000 65%,#007dea 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #e01304 0%,#000000 40%,#000000 65%,#007dea 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e01304', endColorstr='#007dea',GradientType=1 ); /* IE6-9 */

    color: #fff;
    font-size: 20px;
    font-family:Arial, Helvetica, sans-serif;
    text-transform: lowercase;
    font-weight: bold;
    text-decoration: none;
    transition: all .5s;
}

a#btn_npr:hover{
    border-radius: 20%;
    background: white;
    color: #e01304;
}


a#btn_electra {
    display: inline-block;
    height: 70px;
    box-sizing: border-box;
    border-radius: 0%;
    margin: auto;
    margin-top: 95px;
    padding: 20px 40px 0 40px;
    background-color: #ce1c1c;
    color: #fff;
    font-size: 20px;
    font-family:'Trebuchet MS', sans-serif;
    text-transform: uppercase;
    font-weight: bold;
    text-decoration: none;
    transition: all .5s;
}

a#btn_electra:active {
    background-color: #303030;
}

a#btn_electra .fa-bicycle {
    transform: translate(-100%, 0%);
}

a#btn_electra:active .fa-bicycle {
    transform: translate(-25%, 0%);
}



a#btn_apple {
    display: block;
    width: 150px;
    height: 150px;
    box-sizing: border-box;
    border-radius: 50px;
    margin: auto;
    margin-top: 50px;
    padding-top: 18px;
    padding-left: 0px;
    background:black;
    color: white;
    text-align: center;
    font-size: 75px;
    transition: all .3s;
}

a#btn_apple:hover{
    background-color: white;
    color: #d6d4d4;  
    font-size: 50px; 
    padding-top: 35px; 
}
a#btn_apple:active{
    background-color: black;
    color: rgb(83, 83, 83);
    
}


a#btn_nerf {
    display: inline-block;
    height: 65px;
    box-sizing: border-box;
    border-radius: 40%;
    margin: auto;
    margin-top: 95px;
    padding: 20px 65px 0 65px;
     /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff4b2b+50,0036db+50 */
     background: #ff4b2b; /* Old browsers */
     background: -moz-linear-gradient(left,  #0036db 50%,#ff4b2b 50%); /* FF3.6-15 */
     background: -webkit-linear-gradient(left,  #0036db 50%,#ff4b2b 50%); /* Chrome10-25,Safari5.1-6 */
     background: linear-gradient(to right,  #0036db 50%#ff4b2b 50%,); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff4b2b', endColorstr='#0036db',GradientType=1 ); /* IE6-9 */
    color: #fff;
    font-size: 20px;
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
    text-transform: uppercase;
    font-weight: bold;
    text-decoration: none;
    transition: all .4s;
}

a#btn_nerf:hover{
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff4b2b+50,0036db+50 */
    background: #ff4b2b; /* Old browsers */
    background: -moz-linear-gradient(left,  #ff4b2b 50%, #0036db 50%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #ff4b2b 50%,#0036db 50%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #ff4b2b 50%,#0036db 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff4b2b', endColorstr='#0036db',GradientType=1 ); /* IE6-9 */
    box-shadow: 0 0 15px #ffa046;
    
}


a#btn_coca-cola {
    display: inline-block;
    height: 100px;
    box-sizing: border-box;
    border-radius: 20px;
    margin: auto;
    margin-top: 100px;
    padding: 25px 25px 0 25px;
    background-color: #dd2121;
    border: 2px solid #dd2121;
    color: #fff;
    font-size: 40px;
    font-family: 'Allura', cursive;
    font-style: oblique;
    font-weight: bold;
    text-decoration: none;
    transition: all 1s;
}

a#btn_coca-cola:active {
    background-color: #42240b;
    border: 2px solid #fff;
    font-size: 20px;
    border-radius: 50px;
    padding: 40px 40px 0 40px;
}


a#btn_tonight-show {
    display: inline-block;
    height: 70px;
    box-sizing: border-box;
    border-radius: 60%;
    margin: auto;
    margin-top: 95px;
    padding: 25px 40px 0 40px;
    color: white;
    border: 2px solid rgb(216, 216, 216);
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f4cc00+7,f28500+25,ff2b2b+42,5f26e2+61,2676e0+79,1daf36+98 */
    background: #f4cc00; /* Old browsers */
    background: -moz-linear-gradient(left,  #f4cc00 7%, #f28500 25%, #ff2b2b 42%, #5f26e2 61%, #2676e0 79%, #1daf36 98%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #f4cc00 7%,#f28500 25%,#ff2b2b 42%,#5f26e2 61%,#2676e0 79%,#1daf36 98%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #f4cc00 7%,#f28500 25%,#ff2b2b 42%,#5f26e2 61%,#2676e0 79%,#1daf36 98%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4cc00', endColorstr='#1daf36',GradientType=1 ); /* IE6-9 */

    font-size: 12px;
    font-family: 'Poppins', sans-serif;
    text-transform: uppercase;
    font-weight: lighter;
    text-decoration: none;
    transition: all .6s;
}

a#btn_tonight-show:hover{
    font-size: 20px;
    padding: 17px 40px 0 40px;
    height: 100px;
    font-weight: normal;
}

a#btn_tonight-show:active{
    border: 7px solid rgb(36, 36, 36);
}

a#btn_fitbit {
    display: inline-block;
    height: 50px;
    box-sizing: border-box;
    border-radius: 25px;
    margin: auto;
    margin-top: 100px;
    padding: 10px 40px 0 40px;
    background-color: #21c7e4;
    border: 2px solid #fff;
    color: #fff;
    font-size: 20px;
    font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    text-transform: lowercase;
    font-weight: lighter;
    text-decoration: none;
    transition: all .3s;
}

a#btn_fitbit:hover{
    background-color: rgb(39, 39, 39);
    border: 2px solid #fff;
    color: #21c7e4;
}


a#btn_new-yorker {
    display: inline-block;
    height: 70px;
    box-sizing: border-box;
    border-radius: 0%;
    margin: auto;
    margin-top: 95px;
    padding: 28px 40px 0 40px;
    background-color: #ffffff;
    color: rgb(0, 0, 0);
    font-size: 20px;
    font-family:'Times New Roman', Times, serif;
    text-transform: lowercase;
    font-weight: normal;
    text-decoration: none;
    transition: all .2s;
}

a#btn_new-yorker:hover {
    border: 2px solid rgb(0, 0, 0);
    text-transform: capitalize;
    font-weight: bold;
    font-size: 10px;
}

a#btn_new-yorker:active {
    box-shadow: 0 0 5px rgb(105, 105, 105);
}


a#btn_exploding-kittens {
    display: inline-block;
    height: 120px;
    box-sizing: border-box;
    border-radius: 10px;
    margin: auto;
    margin-top: 70px;
    padding: 46px 25px 0 25px;
    
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+7,720018+32,ff2b2b+64,e8a727+98 */
    background: #000000; /* Old browsers */
    background: -moz-linear-gradient(left,  #000000 7%, #720018 32%, #ff2b2b 64%, #e8a727 98%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #000000 7%,#720018 32%,#ff2b2b 64%,#e8a727 98%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #000000 7%,#720018 32%,#ff2b2b 64%,#e8a727 98%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#e8a727',GradientType=1 ); /* IE6-9 */

    color: #fff;
    font-size: 20px;
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
    font-weight: normal;
    text-decoration: none;
    transition: all 1s;
}

a#btn_exploding-kittens:hover{
    font-style: oblique;
    font-size: 30px;
    padding: 25px 25px 0 25px;
}

a#btn_exploding-kittens:active{
    font-size: 40px;
    padding: 15px 25px 0 25px;
}

a#btn_exploding-kittens:hover .fa-cat{
    color: rgb(207, 61, 61);
    

}
a#btn_exploding-kittens:active .fa-cat{
    color: rgb(250, 181, 32);
    box-shadow: white;
}

a#btn_tesla {
    display: inline-block;
    height: 50px;
    box-sizing: border-box;
    border-radius: 25px;
    margin: auto;
    margin-top: 100px;
    padding: 10px 40px 0 40px;
    background-color: #fff;
    border: 2px solid #fff;
    color: rgb(240, 18, 18);
    font-size: 20px;
    font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    text-transform: uppercase;
    font-weight: normal;
    text-decoration: none;
    transition: all .1s;
}

a#btn_tesla:hover {
    background-color: rgb(194, 194, 194);
    border: 4px rgb(240, 18, 18);
    color: rgb(255, 255, 255);
    font-weight: bold;
    padding: 10px 70px 0 70px;
}

a#btn_electra .fa-car {
    transform: translate(100%, 0%);
}

a#btn_electra:active .fa-car {
    transform: translate(300%, 0%);
}


a#btn_cartoon-network {
    display: inline-block;
    height: 150px;
    box-sizing: border-box;
    border-radius: 0%;
    margin: auto;
    margin-top: 60px;
    padding: 28px 40px 0 40px;
    background-color: #ffffff;
    color: rgb(0, 0, 0);
    font-size: 20px;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    text-transform: uppercase;
    font-weight: normal;
    text-decoration: none;
    transition: all .2s;
}

a#btn_cartoon-network:hover {
    box-shadow: 0 0 5px rgb(229, 255, 0);
    background-color: #29f1ff;
    color: rgb(253, 129, 243);
    font-size: 30px;
    font-weight: bold;
}

a#btn_cartoon-network:active {
    box-shadow: 0 0 15px rgb(229, 255, 0);
}


a#btn_hulk-hogan {
    display: inline-block;
    height: 70px;
    box-sizing: border-box;
    border-radius: 50%;
    margin: auto;
    margin-top: 85px;
    padding: 22px 50px 0 50px;
    background-color: #f0e556;
    border: 2px solid rgb(0, 0, 0);
    color: rgb(248, 41, 41);
    font-size: 20px;
    font-family:'Trebuchet MS', sans-serif;
    text-transform: uppercase;
    font-weight: normal;
    text-decoration: none;
    transition: all .3s;
}

a#btn_hulk-hogan:hover {
    font-family: 'Finger Paint', cursive;
    display: inline-block;
    height:110px;
    box-sizing: border-box;
    border-radius: 10px;
    margin: auto;
    margin-top: 60px;
    padding: 10px 65px 0 65px;
    font-size: 30px;
    background-color: rgb(0, 0, 0);
    border: 2px solid rgb(248, 41, 41);
    color: #f0e556;
}

a#btn_tucker-allen {
    display: inline-block;
    height: 250px;
    box-sizing: border-box;
    border-radius: 0%;
    margin: auto;
    margin-top: 10px;
    padding: 40px 20px 40px 20px;
    background-color: #359c5c;
    color: #fff;
    font-size: 20px;
    font-family: 'Cambria, Cochin', Georgia, Times, 'Times New Roman', serif;
    font-weight: lighter;
    text-decoration: none;
    transition: all .2s;
}

a#btn_tucker-allen .fa-leaf {
    transform: translate(-20%, 0);
}

a#btn_tucker-allen:hover .fa-leaf {
    transform: translate(5%, 300%);
    font-size: 40px;
}

a#btn_tucker-allen:active {
    background-color: #1d492e;
}


a#btn_stjude {
    display: inline-block;
    height: 65px;
    box-sizing: border-box;
    border-radius: 10px;
    margin: auto;
    margin-top: 95px;
    padding: 20px 40px 0 40px;
    background-color: #f17a7a;
    border: 2px solid rgb(255, 255, 255);
    color: #d32e2e;
    font-size: 20px;
    font-family:'Trebuchet MS', sans-serif;
    text-transform: capitalize;
    font-weight: normal;
    text-decoration: none;
    transition: all .1s;
}

a#btn_stjude:active {
    color: #ffffff;
    font-weight: bold;
    box-shadow: 0 0 20px crimson;
}

a#btn_stjude .fa-child {
    padding-right: 10px;
    color: #d32e2e;
}

a#btn_stjude:active .fa-child {
    color: #ffffff;
}

a#btn_ibm {
    display: block;
    width: 150px;
    height: 150px;
    box-sizing: border-box;
    border-radius: 50px;
    margin: auto;
    margin-top: 50px;
    padding-top: 33px;
    padding-left: 0px;
    background-color: darkblue;
    color: white;
    text-align: center;
    font-family: 'Aleo', serif;
    font-size: 60px;
    transition: all .2s;
}

a#btn_ibm:hover {
    border-radius: 20px;
    border: 5px solid rgb(43, 43, 43);
    background-color: rgb(52, 55, 209);
}

a#btn_ibm:active {
    border-radius: 20px;
    border: 5px solid darkblue;
    background-color: rgb(255, 255, 255);
    color: darkblue;
}