要自定义Agm信息窗口的CSS，可以按照以下步骤进行操作：

1. 在你的项目中创建一个新的CSS文件，命名为custom-info-window.css（或者你喜欢的任何名称）。

2. 打开custom-info-window.css文件，并添加你想要自定义的样式。以下是一些可能的样式示例：

.agm-map-info-window {
  background-color: #ffffff;
  border-radius: 5px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  padding: 10px;
}

.agm-map-info-window h3 {
  color: #333333;
  font-size: 16px;
  margin-bottom: 5px;
}

.agm-map-info-window p {
  color: #666666;
  font-size: 14px;
  margin-bottom: 10px;
}

.agm-map-info-window .button {
  background-color: #55aaff;
  color: #ffffff;
  padding: 5px 10px;
  border-radius: 3px;
  cursor: pointer;
}

.agm-map-info-window .button:hover {
  background-color: #0077ff;
}

3. 将custom-info-window.css文件链接到你的HTML页面中，确保在引入Agm库之后。

  
    ...
    
    ...
  
  
    ...
  

4. 重新加载你的页面，Agm信息窗口应该现在应用了你的自定义CSS样式。

请注意，以上示例仅为示范目的，你可以根据自己的需求自定义更多的CSS样式。同时，确保选择的CSS类与Agm信息窗口的HTML结构相匹配，以便正确地应用样式。