Home>

barely centered the button through the Grid using the Button tag, but if I want to do through the tag a? The button is blown around the screen, I tried via the inline-block either does not work, only if you move the margin to the right, which immediately makes the elasticity of the button no. It seems like the task is simple, but it just does not reach me how to make it beautiful.

/*====== Servises====== * /
.servises {
  DISPLAY: Flex;
  margin: 100px 0;
}
.servises__item {
  Width: 33.333333%;
  TEXT-ALIGN: CENTER;
  Padding-Bottom: 100px;
}
.servises__title {
  TEXT-ALIGN: CENTER;
  Color: # 000;
  Padding-TOP: 150px;
  Font-Size: 55px;
  Letter-Spaction: 0px;
  Padding-Bottom: 150px;
}
.servises__icon {
  Margin-Bottom: 70px;
}
.servises__subtitle {
  Color: # 787878;
  Margin-Bottom: 80px;
  Font-Size: 45px;
}
.servises__Text {
  Font-Size: 25px;
  Color: # 787878;
  font-weight: 100;
  Max-width: 450px;
}
.servises__btn {
  Display: Grid;
  Align-Items: Center;
  Justify-Items: Center;
  TEXT-ALIGN: CENTER;
  Font-Size: 23px;
  Text-Decoration: None;
  TEXT-TRANSFORM: UPPERCASE;
  Padding: 25px 65px;
  Background: linear-gradient (to bottom, # 5e407c, # 4A50A8);
  Background-Size: 200%;
  Color: #FFF;
  Border Radius: 50px;
  Margin: 70px auto;
  Border: 0;
  CURSOR: POINTER;
  Transition: 1s;
}
.servises__BTN: Active {
  Background: linear-gradient (to top, # 5e407c, # 4A50A8);
  Transition: 1S;
} 
<
H1 Class= "Servises__Title" >
KREA. <
/h1 >
≪
DIV Class= "Container" >
  ≪
DIV Class= "Servises" >
    ≪
div class= "servises__item" >
      ≪
img class= "servises__icon" src= "img /services-1.png" alt= "" >
      ≪
H4 Class= "Servises__Subtitle" >
Consultacy <
/h4 >
      ≪
DIV Class= "Servises__Text" >
Lorem Ipsum Dolor Sit Amet Consectetur Adipisicing ELIT. Numquam ITAQUE Quibusdam Non Consequuntur? Commodi, ILLUM! Nostrum Expedita Laboriosam Officia, EliGendi Libero Quos, Eos Adperiam Mollitia Quia Enim Velit. Deleniti. ≪
/div >
    ≪
/div >
    ≪
div class= "servises__item" >
      ≪
img class= "servises__icon" src= "img /services-2.png" alt= "" >
      ≪
H4 Class= "Servises__Subtitle" >
Mentorship <
/h4 >
      ≪
DIV Class= "Servises__Text" >
Lorem Ipsum Dolor Sit Amet Consectetur Adipisicing ELIT. Numquam ITAQUE Quibusdam Non Consequuntur? Commodi, ILLUM! Nostrum Expedita Laboriosam Officia, EliGendi Libero Quos, Eos Adperiam Mollitia Quia Enim Velit. Deleniti. ≪
/div >
    ≪
/div >
    ≪
div class= "servises__item" >
      ≪
img class= "servises__icon" src= "img /services-3.png" alt= "" >
      ≪
H4 Class= "Servises__Subtitle" >
INCUBATORY <
/h4 >
      ≪
DIV Class= "Servises__Text" >
Lorem Ipsum Dolor Sit Amet Consectetur Adipisicing ELIT. Numquam ITAQUE Quibusdam Non Consequuntur? Commodi, ILLUM! Nostrum Expedita Laboriosam Officia, EliGendi Libero Quos, Eos Adperiam Mollitia Quia Enim Velit. Deleniti. ≪
/div >
    ≪
/div >
  ≪
/div >
≪
/div >
≪
Button class= "servises__btn" href= "#" >
Get In Touch ≪
/Button >