style.css

body {
  padding: 100px; }

#wrapper {
  background-color: white;
  display: inline-block;
  position: absolute; }
  #wrapper > table {
    border: 1px solid #4DABE4;
    border-spacing: 2px;
    background-color: white;
    table-layout: fixed;
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: grab; }
    #wrapper > table.dragging {
      cursor: -webkit-grabbing;
      cursor: -moz-grabbing;
      cursor: grabbing; }
    #wrapper > table td {
      padding: 1px;
      min-width: 50px;
      max-width: 50px;
      height: 50px;
      background-color: #4DABE4; }

.btn {
  display: flex;
  width: 52px;
  height: 52px;
  align-items: center;
  justify-content: center;
  transition: all 0.6s ease;
  color: white;
  font-size: 1.8em;
  font-weight: bold;
  cursor: pointer; }
  .btn-add {
    background-color: #F1A417; }
    .btn-add__col {
      position: absolute;
      top: 3px;
      right: -54px; }
    .btn-add__row {
      position: absolute;
      top: calc(100% + 2px);
      left: 3px; }
    .btn-add:hover {
      background-color: #F5BF5C; }
  .btn-remove {
    background-color: #B00100; }
    .btn-remove__col {
      position: absolute;
      top: -54px;
      left: 3px;
      opacity: 0; }
    .btn-remove__row {
      position: absolute;
      top: 3px;
      left: -54px;
      opacity: 0; }
    .btn-remove:hover {
      background-color: #C84D4C; }

/*# sourceMappingURL=style.css.map */