.a_button_bay {
  display: inline-block;
  color: white;
  text-decoration: none;
  padding: .5em 2em;
  outline: none;
  border-width: 2px 0;
  border-style: solid none;
  border-color: #FDBE33 #000 #D77206;
  border-radius: 6px;
  background: linear-gradient(#F3AE0F, #E38916) #E38916;
  transition: 0.2s;
} 
.a_button_bay:hover { background: linear-gradient(#f5ae00, #f59500) #f5ae00; }
.a_button_bay:active { background: linear-gradient(#f59500, #f5ae00) #f59500; }

.a_button_bay_green {
  display: inline-block;
  color: white;
  text-decoration: none;
  padding: .5em 2em;
  outline: none;
  border-width: 2px 0;
  border-style: solid none;
  border-color: #33fd46 #000 #06d61b;
  border-radius: 6px;
  background: linear-gradient(#0ff30f, #20e316) #5ee316;
  transition: 0.2s;
} 
.a_button_bay_green:hover { background: linear-gradient(#23f500, #28f500) #28f500; }
.a_button_bay_green:active { background: linear-gradient(#34f500, #1df500) #1df500; }




/* ссылка кнопка красная */
.a_button_red:link, .a_button_red:visited {
    background-color: #f44336;
    color: white;
    padding: 14px 25px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
}


.a_button_red:hover, .a_button_red:active {
    background-color: red;
}    
/* end ссылка кнопка красная */

/* ссылка кнопка рыжая */
.a_button_orange:link, .a_button_orange:visited {
    background-color: #f5a636;
    color: white;
    padding: 14px 25px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
}


.a_button_orange:hover, .a_button_orange:active {
    background-color: orange;
}    
/* end ссылка кнопка рыжая */



/* переливающаяся кнопка */
     .autoink{
        position: relative;
        overflow: hidden;
       -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
    .ink{
       display: block;
       position: absolute;
       background: rgba(255, 255, 255, 1.0);
       border-radius: 100%;
       -webkit-transform: scale(0);
       -moz-transform: scale(0);
       -o-transform: scale(0);
       transform: scale(0);
       z-index: 20;  
    }
    
    .animate {
    webkit-animation: ripple 4s linear infinite;
    -moz-animation: ripple 4s linear infinite;
    -ms-animation: ripple 4s linear infinite;
    -o-animation: ripple 4s linear infinite;
    animation: ripple 4s linear infinite;
     }
   @keyframes ripple {  
    20% {     
        opacity: 0;     
        transform: scale(1.5);
        }
    100% {     
        opacity: 0;     
        transform: scale(1.5);
        }
   }
/* end переливающаяся кнопка */