.save-shop-list,
.saved-shop-list {
  display: flex;
  justify-content: center;
  align-items: center;

  .btn {
    padding: 6px 8px 7px;
    width: 37px;
    height: 37px;
    margin-right: 15px;

    .svg-inline--fa.fa-w-12.svg-inline--fa.fa-w-12 {
      height: 22px;
      width: 15px;
    }
  }
}

.save-shop-list {
  cursor: pointer;

  .btn {
    .fa-clipboard-list-check {
      display: block;
    }
  }

  .shop-list-title {
    text-decoration: underline;
    color: $blue;
  }

  &:hover,
  .btn:hover {
    .fa-clipboard-list-check {
      display: block;
    }

    .fa-clipboard {
      display: none;
    }

    .shop-list-title {
      color: $blue-dark;
    }
  }

  &.show-modal {
    .btn-secondary {
      background-color: #0277bd;
      color: $white;
    }
  }
}

.saved-shop-list {
  .btn:hover,
  .btn:active,
  .btn:not(:disabled):not(.disabled):active,
  .btn:focus {
    background-color: $white;
    border-color: $blue;
    color: $blue;
    cursor: inherit;
  }
}