@include export-module('co-view-mode-buttons-layout') {
  .co-view-mode-buttons {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    .view-button {
      justify-content: center;
      padding: 0;
      height: $co-view-mode-button-size;
      width: $co-view-mode-button-size;
      border-radius: $co-view-mode-button-border-radius;

    .co-icon {
      height: $co-view-mode-button-icon-size;
      width: $co-view-mode-button-icon-size;
    }

      &:not(.circle) {
        padding: 0;
      }
    }
  }
}
