#btn_apple {
    display: inline-block;
    width: 86px;
    height: 80px;
    border-radius: 999px;
    margin: auto;
    margin-top: 75px;
    background: #00142e;
    text-align: center;
    font-size: 60px;
    transition: all 0.5s;
    padding-top: 6px;
    background: linear-gradient(180deg, 
    rgba(94, 189, 62, 0) 34%,
    rgba(255, 187, 0, 0) 0),
    rgba(247, 132, 0, 0),
    rgba(226, 56, 56, 0),
    rgba(151, 57, 153, 0),
    rgba(0, 156, 223, 0) 91%;
}

a#btn_apple:hover {
    background: #00142e00;
    background: linear-gradient(180deg, 
    rgba(94,189,62,1) 34%,
    rgba(255,185,0,1),
    rgba(247,130,0,1),
    rgba(226,56,56,1),
    rgba(151,57,153,1),
    rgba(0,156,223,1) 91%);
    
}


img#logo_apple {
    width: 50px;
    height: 50px;
    object-fit: contain;
    padding: 10px;
}

a#btn_lyft {
    display: block;
    width: 120px;
    height: 80px;
    border-radius: 50px;
    padding-bottom: 0;
    margin: auto;
    margin-top: 80px;
    background-color: #f0f3f8;
    transition: all .2s;
    border: 0px solid rgb(255, 255, 255);
}

a#btn_lyft:hover {
    background-color: #ffffff;
    border: 4px solid rgb(246, 0, 152);
    width: 120px;
    height: 80px;
}

img#logo_lyft {
    width: 70px;
    height: 70px;
    object-fit: contain;
    padding-top: 6px;
    display: block;
    margin: auto;
}

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

a#btn_nike:hover {
    background-color: #ffffff;
    border-radius: 1px;
 
    -webkit-filter: invert(1);
   filter: invert(1);
    
}

img#logo_nike {
    width: 90px;
    height: 90px;
    object-fit: contain;
}

a#btn_fitbit {
    display: block;
    width: 130px;
    height: 60px;
    box-sizing: border-box;
    border-radius: 50px;
    margin: auto;
    margin-top: 75px;
    padding-top: 8px;
    background-color: #f8f8f8;
    filter: grayscale(1);
    text-align: center;
    font-size: 60px;
    transition: all .2s;
}

a#btn_fitbit:hover {
    background-color: hsl(190, 100%, 93%);
 
    filter: none
}

img#logo_fitbit {
    width: 100px;
    height: 50px;
    object-fit: contain;
    position: relative;
    top: -17px;
    left: -2px;

}

a#btn_newyorker {
    display: block;
    width: 150px;
    height: 60px;
    box-sizing: border-box;
    border-radius: 0px;
    margin: auto;
    margin-top: 75px;
    padding-top: 8px;
    background-color: #f8f8f8;
    text-align: center;
    font-size: 60px;
    transition: all .2s;
}

a#btn_newyorker:hover {
    width: 200px;
    height: 60px;
    -webkit-filter: invert(1);
   filter: invert(1);
}

img#logo_newyorker {
    width: 130px;
    height: 50px;
    object-fit: contain;
    position: relative;
    top: -17px;
    left: -2px;
}

a#btn_facebook {
    display: block;
    width: 60px;
    height: 60px;
    box-sizing: border-box;
    border-radius: 999px;
    margin: auto;
    margin-top: 75px;
    padding-top: 8px;
    background-color: #f8f8f8;
    text-align: center;
    font-size: 60px;
    transition: all .2s;
}

a#btn_facebook:hover {
    box-shadow: 5px 4px 0px 1px #2672ff;
}

img#logo_facebook {
    width: 130px;
    height: 50px;
    object-fit: contain;
    position: relative;
    left: -35px;
    top: -17px;
}

a#btn_stjude {
    display: block;
    width: 80px;
    height: 80px;
    box-sizing: border-box;
    border-radius: 999px;
    margin: auto;
    margin-top: 75px;
    padding-top: 8px;
    background-color: #ffffff;
    text-align: center;
    font-size: 60px;
    transition: all .2s;
}

a#btn_stjude:hover {
    box-shadow: 0px 0px 20px 1px #960016;
}

img#logo_stjude {
    width: 130px;
    height: 50px;
    object-fit: contain;
    position: relative;
    top: -6px;
    left: -25px;
}

a#btn_tesla {
    display: block;
    width: 120px;
    height: 160px;
    box-sizing: border-box;
    border-radius: 0px;
    margin: auto;
    margin-top: 50px;
    padding-top: 8px;
    background-color: #f8f8f8;
    text-align: center;
    font-size: 60px;
    transition: all .2s;
    filter: grayscale(1);
}

a#btn_tesla:hover {
    filter: none;
}

img#logo_tesla {
    width: 120px;
    object-fit: contain;
    position: relative;
    top: -17px;
    left: -2px;
}

a#btn_cocacola {
    display: block;
    width: 180px;
    height: 70px;
    box-sizing: border-box;
    border-radius: 999px;
    margin: auto;
    margin-top: 80px;
    padding-top: 8px;
    border: 3px solid red;
    background-color: #000000;
    text-align: center;
    font-size: 60px;
    transition: all .2s;
}

a#btn_cocacola:hover {
    background-color: #ffffff;
    width: 170px;
    border-radius: 999px;
    border: 1px solid red;

}

img#logo_cocacola {
    width: 130px;
    height: 50px;
    object-fit: contain;
    position: relative;
    top: -13px;
}

a#btn_cn {
    display: block;
    width: 120px;
    height: 120px;
    box-sizing: border-box;
    border-radius: 0px;
    margin: auto;
    margin-top: 75px;
    padding-top: 8px;
    background-color: #f8f8f8;
    text-align: center;
    font-size: 60px;
    -webkit-filter: invert(1);
filter: invert(1);
    
    transition: all .2s;
}

a#btn_cn:hover {
filter: none;
box-shadow: 10px 10px 0px 0px black;
}

img#logo_cn {
    width: 130px;
    height: 50px;
    object-fit: contain;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    top: 12px;
    left: -5px;
}

a#btn_tuckerallen {
    display: block;
    width: 180px;
    height: 60px;
    box-sizing: border-box;
    border-radius: 999px 0px 999px 0px;
    margin: auto;
    margin-top: 75px;
    padding-top: 8px;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f2f9fe+0,d6f0fd+100;White+3D+%232 */
background: #f2f9fe; /* Old browsers */
background: -moz-linear-gradient(left,  #f2f9fe 0%, #d6f0fd 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #f2f9fe 0%,#d6f0fd 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #f2f9fe 0%,#d6f0fd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f9fe', endColorstr='#d6f0fd',GradientType=1 ); /* IE6-9 */
border: 2px solid rgb(255, 255, 255);



    text-align: center;
    font-size: 30px;
    font-weight: bold;
    transition: all .1s;
}

a#btn_tuckerallen:hover {

border-radius: 0px;
background: -moz-linear-gradient(left,  #f2f9fe 0%, #d6f0fd 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #f2f9fe 0%,#d6f0fd 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #f2f9fe 0%,#92dbff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f9fe', endColorstr='#d6f0fd',GradientType=1 ); /* IE6-9 */

}

img#logo_tuckerallen {
    width: 130px;
    height: 50px;
    object-fit: contain;
    position: relative;
    top: -3px;
    left: -4px;
}


a#btn_mollyjogger {
    display: block;
    width: 230px;
    height: 50px;
    box-sizing: border-box;
    border-radius: 20px;
    margin: auto;
    margin-top: 90px;
    padding-top: 8px;
    background-color: #f9e1c3;
    text-align: center;
    font-size: 60px;
    transition: all .5s;
}

a#btn_mollyjogger:hover {
    background-color: #00493d;
    filter: brightness(1);
}

a#btn_mollyjogger:hover img {
    filter: invert(1);
}


img#logo_mollyjogger {
    width: 200px;
    object-fit: contain;
    position: relative;
    top: -30px;
    left: -2px;
}

a#btn_moo {
    display: block;
    width: 150px;
    height: 60px;
    box-sizing: border-box;
    border-radius: 999px;
    margin: auto;
    margin-top: 90px;
    padding-top: 8px;
    background-color: #f8f8f8;
    text-align: center;
    font-size: 60px;
    transition: all .5s;
}

a#btn_moo:hover {
    margin-top: 50px;
    width: 150px;
    height: 150px;
    border-radius: 999px;
    border: 3.5px solid rgb(0, 112, 47);
}

a#btn_moo:hover img{
    width: 130px;
    height: 50px;
    object-fit: contain;
    position: relative;
    top: 25px;
    left: -2px;
}

img#logo_moo {
    width: 130px;
    height: 50px;
    object-fit: contain;
    position: relative;
    top: -17px;
    left: -2px;
}

a#btn_instagram {
    display: block;
    width: 70px;
    height: 70px;
    box-sizing: border-box;
    border-radius: 999px;
    margin: auto;
    margin-top: 75px;
    padding-top: 8px;
    background-color: #000000;
    text-align: center;
    font-size: 60px;
    transition: all .2s;
}

a#btn_instagram:hover {
    position: relative;
    top: -3px;
    box-shadow: 0px 0px 50px 10px #fd6cff;
}

img#logo_instagram {
    width: 140px;
    height: 80px;
    object-fit: contain;
    position: relative;
    top: -12px;
    left: -34px;
}


a#btn_pottermore {
    display: block;
    width: 150px;
    height: 60px;
    box-sizing: border-box;
    border-radius: 3px;
    margin: auto;
    margin-top: 75px;
    padding-top: 8px;
    background-color: #f8f8f8;
    text-align: center;
    font-size: 60px;
    transition: all .7s;
}

a#btn_pottermore:hover {
    -webkit-filter: invert(1);
   filter: invert(1);
   box-shadow: 0 0 60px 60px #000000;
   
}

img#logo_pottermore {
    width: 130px;
    height: 50px;
    object-fit: contain;
    position: relative;
    top: -17px;
    left: -2px;
}

a#btn_samsung {
    display: block;
    width: 150px;
    height: 60px;
    box-sizing: border-box;
    border-radius: 999px;
    margin: auto;
    margin-top: 75px;
    padding-top: 8px;
    background-color: #f8f8f8;
    text-align: center;
    font-size: 60px;
    transition: all .5s;
}

a#btn_samsung:hover {
    box-shadow: inset 0 0 10px #124dac;
    
}

img#logo_samsung {
    width: 130px;
    height: 50px;
    object-fit: contain;
    position: relative;
    top: -17px;
    left: -2px;
}

a#btn_mk {
    display: block;
    width: 150px;
    height: 60px;
    box-sizing: border-box;
    border-radius: 0px;
    margin: auto;
    margin-top: 75px;
    padding-top: 8px;
    background-color: #f8f8f8;
    text-align: center;
    font-size: 60px;
    transition: all .2s;
    box-shadow: 3px 3px 10px 1px #00000064;
}

a#btn_mk:hover {
    width: 200px;
    height: 60px;
    -webkit-filter: invert(1);
   filter: invert(1);
}

a#btn_mk:hover img#logo_mk {
    width: 200px;
    height: 80px;
    left: 0px;
}

img#logo_mk {
    width: 130px;
    height: 50px;
    object-fit: contain;
    position: relative;
    top: -17px;
    left: -2px;
}

a#btn_ibm {
    display: block;
    width: 155px;
    height: 80px;
    box-sizing: border-box;
    border-radius: 0px;
    margin: auto;
    margin-top: 75px;
    padding-top: 8px;
    background-color: #240707;
    text-align: center;
    font-size: 60px;
    transition: all .2s;
}

a#btn_ibm:hover {
    background-color: #f8f8f8;
    box-shadow: 0 0 60px 1px #2672ff;
    
}

img#logo_ibm {
    width: 130px;
    height: 50px;
    object-fit: contain;
    position: relative;
    top: -8px;
    left: -0px;
}

a#btn_harley {
    display: block;
    width: 120px;
    height: 120px;
    box-sizing: border-box;
    border-radius: 999px;
    margin: auto;
    margin-top: 70px;
    padding-top: 8px;
    background-color: #f8f8f8;
    text-align: center;
    font-size: 60px;
    transition: all .5s;
}

a#btn_harley:hover {
   background-color: #ff8800;
}

a#btn_harley:hover img#logo_harley{
    -webkit-filter: invert(1);
   filter: invert(1);
}

img#logo_harley {
    width: 100px;
    height: 100px;
    object-fit: contain;
    position: relative;
    top: 0px;
    left: 0px;
}

a#btn_exploding {
    display: block;
    width: 100px;
    height: 100px;
    box-sizing: border-box;
    border-radius: 0px;
    margin: auto;
    margin-top: 75px;
    padding-top: 8px;
    background-color: #f8f8f8;
    text-align: center;
    font-size: 60px;
    transition: all .2s;
}

a#btn_exploding:hover {
    -webkit-box-shadow: 0px 1px 15px 5px #FF0000, 0px 21px 33px 5px #FF8D34, 0px 21px 40px 25px #F9FF58; 
    box-shadow: 0px 1px 15px 5px #FF0000, 0px 21px 33px 5px #FF8D34, 0px 21px 40px 25px #F9FF58;
    position: relative;
    top: -5px;
}

img#logo_exploding {
    width: 130px;
    height: 70px;
    object-fit: contain;
    position: relative;
    top: 3px;
    left: -15px;
}