Убрать отступы у Balloon

Использую JavaScript API 2.1. Создал свою разметку для Balloon и показываю его как панель внизу карты при клике на Placemark. Кастомная разметка задается через balloonContentLayout:

balloonContentLayoutClass = ymaps.templateLayoutFactory.createClass(
"<div class='flex_h'>" +
    "<div class='flex_v'>" +
        "<div class='title'>{{properties.balloonContentBody}}</div>" +
        "<div class='subtitle'>{{properties.balloonContent}}</div>" +
    "</div>" +
    "<button class='button' id='{{properties.placeId}}' onclick='locationSelected(this.id)'>" +
        "<span>&#8853;</span>" +
    "</button>" +
"</div>"
);
new ymaps.Placemark([lat, lng], {
    ...
}, {
    ...
    balloonContentLayout: balloonContentLayoutClass,
    preset: 'islands#icon',
    iconColor: '#F1973F',
    hasBalloon: true
})

Разметка имеет две части (по горизонтали), которые полностью заполнены разными цветами. Но, к сожалению, Balloon показывается с белыми отступами, что не соответствует моему дизайну.

1. Как убрать отступы у Balloon?
2. Можно ли это сделать в css?