.alfa-box {
	z-index: 1;
display:inline-block;
font-weight:400;
color:#212529;  /* Цвет текста */ 
text-align:center;
vertical-align:middle;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
background-color:transparent;
border:1px solid transparent;
font-size:1rem;
line-height:1.5; 
transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out 	    
margin-top: 2%;		
position: relative;
display: inline-block;
width: 228px; /* Ширина */ 
height: 30px; /* Высота */ 
background-color: #fff;  
-webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); 
transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.alfa-box::after {
content: ""; 
position: absolute;
z-index: 2; 
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 5px 15px rgba(23, 162, 184); /* Цвет тени */ 
opacity: 0;
-webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.alfa-box:hover {
color:#17a2b8; /* Цвет текста после наведения */ 
border-color: #17a2b8;	
-webkit-transform: scale(1.25, 1.25);
transform: scale(1.25, 1.25);
text-decoration: none;
font-family: FChinyen;
z-index: 2;
}

.alfa-box:hover::after {
opacity: 1;
}

@media (prefers-reduced-motion:reduce){
.alfa-box{
transition:none
}