* {     
            margin: 0;
            padding: 0;         
            }

         section:hover {
          background-color: #000;
       
     /*  #sample{
              margin-left:10px!important;  */

           
        }

   /* ====================================================*/
       
        .btn04 {
            margin: 260 15;   
            color: #fff;
            text-shadow: 1px 3px 1px #000;
            text-decoration: none;
            text-align: center;
            display: block;
            width: 100px;
            height: 50px;
            line-height: 50px;
           position: fixed; 
        z-index: 10;
        }

        .btn04::before {
            content: '';
            background-color: #dda284;
            display: block;
           position: fixed;   
            width: 100px;
            height: 50px; 
            z-index: -11;     
            border-radius: 5%;
            box-shadow:
                0 0 0 0 #fff,
                0 0 0 0 #dda284;
            transition: all .2s ease;
            -webkit-transition: all .2s ease;
        }
        .btn04:hover::before {
            transform: scale(0.7);
            -webkit-transform: scale(0.7);
            box-shadow:
                0 0 0 25px #fff,
                0 0 0 27px #dda284;
        }
    
         .btn05 {
            margin: 330 15;
            color: #fff;
            text-shadow: 1px 1px 2px #000;
            text-decoration: none;
            text-align: center;
            display: block;
            width: 100px;
            height: 50px;
            line-height: 50px;
           position: fixed;
     z-index: 10; 
        }

        .btn05::before {
            content: '';
            background-color: #33e333;
            display: block;
            position: fixed;
            width: 100px;
            height: 50px; 
            z-index: -11;     
            border-radius: 5%;
            box-shadow:
                0 0 0 0 #fff,
                0 0 0 0 #dda284;
            transition: all .2s ease;
            -webkit-transition: all .2s ease;
        }
        .btn05:hover::before {
            transform: scale(0.7);
            -webkit-transform: scale(0.7);
            box-shadow:
                0 0 0 25px #fff,
                0 0 0 27px #33e333;
        }
          .btn06 {
            margin: 400 15;
            color: #fff;
            text-shadow: 1px 1px 2px #000;
            text-decoration: none;
            text-align: center;
            display: block;
            width: 100px;
            height: 50px;
            line-height: 50px;
          position: fixed;
      z-index: 10; 
        }

        .btn06::before {
            content: '';
            background-color: #ff3333;
            display: block;
            position: fixed;
            width: 100px;
            height: 50px;
            z-index: -11;      
            border-radius: 5%;
            box-shadow:
                0 0 0 0 #fff,
                0 0 0 0 #dda284;
            transition: all .2s ease;
            -webkit-transition: all .2s ease;
        }
        .btn06:hover::before {
            transform: scale(0.7);
            -webkit-transform: scale(0.7);
            box-shadow:
                0 0 0 25px #fff,
                0 0 0 27px #ff3333;
        }    
        
          .btn07 {
            margin: 470 15;
            color: #fff;
            text-shadow: 1px 1px 2px #000;
            text-decoration: none;
            text-align: center;
            display: block;
            width: 100px;
            height: 50px;
            line-height: 50px;
          position: fixed;
      z-index: 10; 
        }

        .btn07::before {
            content: '';
            background-color: #0000FF;
            display: block;
            position: fixed;
            width: 100px;
            height: 50px;
            z-index: -11;      
            border-radius: 5%;
            box-shadow:
                0 0 0 0 #fff,
                0 0 0 0 #dda284;
            transition: all .2s ease;
            -webkit-transition: all .2s ease;
        }
        .btn07:hover::before {
            transform: scale(0.7);
            -webkit-transform: scale(0.7);
            box-shadow:
                0 0 0 25px #fff,
                0 0 0 27px #ff3333;
        }