.gpf-btn-icon-zoom-in {
    height: inherit;
    width: inherit;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.gpf-btn-icon-zoom-in::after {
    -webkit-mask: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBmaWxsPSJjdXJyZW50Q29sb3IiPjxwYXRoIGQ9Ik0xMSAxMVY1SDEzVjExSDE5VjEzSDEzVjE5SDExVjEzSDVWMTFIMTFaIj48L3BhdGg+PC9zdmc+Cg==') center no-repeat;
    mask: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBmaWxsPSJjdXJyZW50Q29sb3IiPjxwYXRoIGQ9Ik0xMSAxMVY1SDEzVjExSDE5VjEzSDEzVjE5SDExVjEzSDVWMTFIMTFaIj48L3BhdGg+PC9zdmc+Cg==') center no-repeat;
}

.gpf-btn-icon-zoom-out {
    height: inherit;
    width: inherit;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.gpf-btn-icon-zoom-out::after {
    -webkit-mask: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBmaWxsPSJjdXJyZW50Q29sb3IiPjxwYXRoIGQ9Ik01IDExVjEzSDE5VjExSDVaIj48L3BhdGg+PC9zdmc+') center no-repeat;
    mask: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBmaWxsPSJjdXJyZW50Q29sb3IiPjxwYXRoIGQ9Ik01IDExVjEzSDE5VjExSDVaIj48L3BhdGg+PC9zdmc+') center no-repeat;
}

.gpf-btn-icon-zoom-out > span::before {
  display: block;
  content: "";
  height: 1px;
  width: 32px;
  width: calc(100% - 8px);
  background-color: var(--border-default-grey);
  position: absolute;
  top: 0px;
  left: 4px;
}