.Container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;

  @include ifdesktop {
    gap: 8px;
  }

  .Button {
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 4px;
    padding: 6px 10px;
    border-radius: 28px;
    background: #58c644;
    background: -webkit-gradient(linear, left top, right top, from(#58c644), to(#009283));
    background: linear-gradient(to right, #58c644 0%, #009283 100%);

    @include ifdesktop {
      gap: 8px;
      padding: 10px 20px;
    }
  }

  .Phone {
    font-family: $font-roboto;
    font-weight: 600;
    font-size: 14px;
    line-height: 100%;
    color: $color-white;

    @include ifdesktop {
      font-size: 16px;
    }
  }

  .Action {
    cursor: pointer;
    font-family: $font-roboto;
    font-weight: 400;
    font-size: rem(14px);
    line-height: 100%;
    color: $color-green;
    text-transform: lowercase;

    @include ifdesktop {
      font-size: rem(16px);
    }
  }
}