.component-button__center{
  align-items:center;
  display:flex;
  justify-content:center;
}

.component-button__left{
  align-items:center;
  display:flex;
  justify-content:flex-start;
}

.component-button__right{
  align-items:center;
  display:flex;
  justify-content:flex-end;
}

.component-button__item{
  align-items:center;
  border:1px solid #252525;
  border-radius:2.5rem;
  box-sizing:border-box;
  color:#252525;
  display:inline-flex;
  font-family:var(--font-medium);
  font-size:.875rem;
  justify-content:center;
  line-height:1;
  padding:.35rem;
  text-align:center;
  transition:.3s ease-in-out;
}
.component-button__item:hover{
  background-color:#15a8f1;
  border:1px solid #15a8f1;
  color:#fff;
}

.component-button__item_transparent{
  background-color:transparent;
  border-color:#15a8f1;
  color:#15a8f1;
}
.component-button__item_transparent:hover{
  background-color:#15a8f1;
  color:#fff;
}

.component-button__item_transparent-white{
  background-color:transparent;
  border-color:#fff;
  color:#fff;
}
.component-button__item_transparent-white:hover{
  background-color:#fff;
  border-color:#fff;
  color:#15a8f1;
}

.component-button__item_blue{
  background-color:#15a8f1;
  border-color:#15a8f1;
  color:#fff;
}
.component-button__item_blue:hover{
  background-color:#0497e0;
  border-color:#0497e0;
  color:#fff;
}

.component-button__item_gray{
  background-color:#f4f8fd;
  border-color:#f4f8fd;
  color:#15a8f1;
}

.component-button__item_white{
  background-color:#fff;
  border-color:#15a8f1;
  color:#15a8f1;
}
.component-button__item_white:hover{
  background-color:#15a8f1;
  color:#fff;
}

.component-button__item_orange{
  background-color:#f60;
  border-color:#f60;
  color:#fff;
}
.component-button__item_orange:hover{
  background-color:#fff;
  border-color:#f60;
  color:#f60;
}

.component-button__item_small{
  padding:11px 24px;
}

.component-button__item_normal{
  padding:13px 30px;
}

.component-button__item_big{
  padding:14px 30px;
}
@media screen and (min-width:768px){
  .component-button__item_big{
    font-size:16px;
  }
}

.component-button__item_cookie{
  font-size:10px;
  padding:8px 15px;
}
@media screen and (min-width:1200px){
  .component-button__item_cookie{
    font-size:16px;
    padding:11px 24px;
  }
}