.center {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }

.button {
  font: 700 20px 'Lato', sans-serif;
  color: #fff;
  padding: 16px 24px;
  min-width: 232px;
  text-align: center;
  border-radius: 10px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  transition: background 0.2s; }
  .button svg {
    fill: #fff; }
  .button:hover, .button:focus {
    background: #1450c5; }
  .button:disabled {
    color: #898989;
    background: #d9d9d9; }
    .button:disabled svg {
      fill: #898989; }

.button-close {
  width: 24px;
  height: 24px;
  position: absolute;
  top: 30px;
  right: 30px;
  background: url(/images/icon/close_icon.svg) no-repeat center;
  background-size: 24px 24px; }

.button_blue {
  background: #1c64f2;
  border: 2px solid transparent; }
  .button_blue svg {
    fill: #fff; }

.button_white {
  border: 2px solid #fff; }
  .button_white:hover, .button_white:focus {
    background: rgba(20, 80, 197, .2); }
  .button_white:disabled {
    border-color: #d9d9d9; }

@media (max-width: 991px) {
  .button {
    font-size: 16px;
    min-width: 180px;
    padding: 12px;
    border-radius: 5px;
    gap: 8px; }
    .button svg {
      width: 18px;
      height: 18px; } }